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

Fix NavSidebar buttons hover/focus background colors

Browse source
This commit is contained in:
Jamie Kyle 2023-09-14 09:53:14 -07:00 committed by GitHub
parent 7443dd3314
commit 34740bdaff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
stylesheets/components/CallsTab.scss
View file

@ -108,10 +108,10 @@
&:not(.CallsList__ToggleFilterByMissed--pressed):hover { &:not(.CallsList__ToggleFilterByMissed--pressed):hover {
@include light-theme { @include light-theme {
background: $color-gray-20; background-color: $color-black-alpha-06;
} }
@include dark-theme { @include dark-theme {
background: $color-gray-62; background-color: $color-white-alpha-06;
} }
} }

7
stylesheets/components/NavSidebar.scss
View file

@ -184,12 +184,13 @@
padding: 4px; padding: 4px;
border-radius: 4px; border-radius: 4px;
&:hover { &:hover,
&:focus {
@include light-theme { @include light-theme {
background: $color-gray-20; background-color: $color-black-alpha-06;
} }
@include dark-theme { @include dark-theme {
background: $color-gray-62; background-color: $color-white-alpha-06;
} }
} }

21
stylesheets/components/Stories.scss
View file

@ -31,10 +31,29 @@
border-inline-end: 1px solid $color-white-alpha-16; border-inline-end: 1px solid $color-white-alpha-16;
} }
&__add-story__container {
padding: 4px;
border-radius: 4px;
&:hover,
&:focus {
@include light-theme {
background-color: $color-black-alpha-06;
}
@include dark-theme {
background-color: $color-white-alpha-06;
}
}
}
&__add-story__button { &__add-story__button {
height: 20px; height: 20px;
width: 20px; width: 20px;
@include color-svg('../images/icons/v3/plus/plus.svg', $color-white); @include light-theme {
@include color-svg('../images/icons/v3/plus/plus.svg', $color-black);
}
@include dark-theme {
@include color-svg('../images/icons/v3/plus/plus.svg', $color-gray-15);
}
&:focus { &:focus {
@include keyboard-mode { @include keyboard-mode {