Fix Join call button in conversation header hover/focus styles

2026-02-23 19:25:42 +00:00 · 2024-01-22 12:01:50 -08:00
parent 4dc52a6fff
commit 5c6ff62530
1 changed files with 13 additions and 4 deletions
--- a/stylesheets/components/ConversationHeader.scss
+++ b/stylesheets/components/ConversationHeader.scss
@@ -278,10 +278,19 @@
        width: $icon-size;
      }

-      // Override hover state coming from __button above.
-      &:hover,
-      &:focus {
-        background-color: darken($background, 16%);
+      &:not(:disabled) {
+        // Override hover state coming from __button above.
+        &:hover {
+          @include any-theme {
+            background-color: darken($background, 16%);
+          }
+        }
+
+        &:focus {
+          @include keyboard-mode {
+            background-color: darken($background, 16%);
+          }
+        }
      }
    }
  }