Signal/Desktop
1
0
Fork 0
mirror of https://github.com/signalapp/Signal-Desktop.git synced 2026-02-15 07:28:59 +00:00
Code Issues Packages Projects Releases Wiki Activity

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