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

Left pane design tweaks

Browse source
This commit is contained in:
Josh Perez 2022-01-31 10:45:04 -05:00 • committed by GitHub
parent 1c43e7501c
commit c857250b12
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 84 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

22
stylesheets/components/LeftPaneSearchInput.scss
View file

@ -4,11 +4,11 @@
.LeftPaneSearchInput {
position: relative;
margin: 0 16px;
margin-bottom: 16px;
margin-bottom: 8px;
&__input {
@include font-body-2;
border: none;
border: solid 1px transparent;
border-radius: 8px;
height: 28px;
padding-left: 30px;
@ -16,18 +16,20 @@
width: 100%;
@include light-theme {
background-color: $color-gray-15;
border: solid 1px $color-gray-15;
background-color: $color-black-alpha-08;
color: $color-gray-90;
&:placeholder {
color: $color-gray-45;
}
}
@include dark-theme {
background-color: $color-gray-65;
border: solid 1px $color-gray-65;
background-color: $color-white-alpha-12;
color: $color-gray-05;
}
&:placeholder {
color: $color-gray-45;
&:placeholder {
color: $color-gray-25;
}
}
&:focus {
@ -53,7 +55,7 @@
width: 16px;
@include light-theme {
@include color-svg('../images/icons/v2/search-16.svg', $color-gray-75);
@include color-svg('../images/icons/v2/search-16.svg', $color-gray-45);
}
@include dark-theme {
@include color-svg('../images/icons/v2/search-16.svg', $color-gray-25);