diff --git a/apps/support/workspace.html b/apps/support/workspace.html index 2f670099f..6ec083513 100644 --- a/apps/support/workspace.html +++ b/apps/support/workspace.html @@ -81,6 +81,8 @@ margin-bottom: 1rem; } .support-detail-back:hover { color: var(--text, #222); } + .support-detail-back:active { color: #111; } + .support-detail-back:focus-visible { outline: 2px solid var(--facet-color, #3b82f6); outline-offset: 2px; } .support-message { border-left: 3px solid var(--facet-border, #e5e0db); padding: 0.75rem 1rem; @@ -148,13 +150,16 @@ font-size: 0.9rem; font-weight: 500; } - .support-btn:hover { opacity: 0.9; } + .support-btn:hover { filter: brightness(1.1); } .support-btn:disabled { opacity: 0.5; cursor: not-allowed; } + .support-btn:active:not(:disabled) { filter: brightness(0.9); transform: translateY(1px); } .support-btn-secondary { background: transparent; color: var(--text, #222); border: 1px solid var(--facet-border, #e5e0db); } + .support-btn.support-btn-secondary:hover { background: rgba(0, 0, 0, 0.04); border-color: #bbb; filter: none; } + .support-btn.support-btn-secondary:active { background: rgba(0, 0, 0, 0.08); filter: none; } .support-empty { text-align: center; @@ -185,7 +190,8 @@ font-size: 0.9rem; font-weight: 500; } - .support-empty-action:hover { opacity: 0.9; } + .support-empty-action:hover { filter: brightness(1.1); } + .support-empty-action:active { filter: brightness(0.9); transform: translateY(1px); } .support-tab-badge { position: absolute;