mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Add hover and focus states to modal X button

Browse source
This commit is contained in:
Evan Hahn 2021-06-04 11:27:50 -05:00 • committed by GitHub
parent 3956443f50
commit be0d5abb1a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

23
stylesheets/components/Modal.scss
View file

@ -35,6 +35,7 @@
&__close-button { &__close-button {
@include button-reset; @include button-reset;
border-radius: 4px;
float: right; float: right;
height: 24px; height: 24px;
width: 24px; width: 24px;
@ -52,14 +53,24 @@
@include dark-theme { @include dark-theme {
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-15); @include color-svg('../images/icons/v2/x-24.svg', $color-gray-15);
} }
}
@include light-theme {
&:hover,
&:focus { &:focus {
@include keyboard-mode { background: $color-gray-02;
background-color: $color-ultramarine; }
} &:active {
@include dark-keyboard-mode { background: $color-gray-05;
background-color: $color-ultramarine-light; }
} }
@include dark-theme {
&:hover,
&:focus {
background: $color-gray-80;
}
&:active {
background: $color-gray-75;
} }
} }
} }