Properly style call buttons across app, when already in a call

This commit is contained in:
Scott Nonnenberg
2024-08-27 06:48:41 +10:00
committed by GitHub
parent 3c25092f50
commit c251867699
39 changed files with 610 additions and 189 deletions

View File

@@ -171,21 +171,38 @@
opacity: 0.5;
}
&--in-another-call {
@include light-theme {
opacity: 0.5;
}
@include dark-theme {
opacity: 0.4;
}
}
&:not(:disabled) {
@include light-theme {
&:hover,
&:focus {
&:hover {
background: $color-gray-02;
}
&:focus {
@include keyboard-mode {
background: $color-gray-02;
}
}
&:active {
background: $color-gray-05;
}
}
@include dark-theme {
&:hover,
&:focus {
&:hover {
background: $color-gray-80;
}
&:focus {
@include keyboard-mode {
background: $color-gray-02;
}
}
&:active {
background: $color-gray-75;
}
@@ -281,13 +298,13 @@
}
&:not(:disabled) {
// Override hover state coming from __button above.
&:hover {
// Override hover/focus/active state coming from __button above.
&:hover,
&:active {
@include any-theme {
background-color: darken($background, 16%);
}
}
&:focus {
@include keyboard-mode {
background-color: darken($background, 16%);