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

New left pane search design

Browse source
This commit is contained in:
Josh Perez 2022-01-27 17:12:26 -05:00 • committed by GitHub
parent babd61377b
commit bf45182a39
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
24 changed files with 500 additions and 359 deletions
Download patch file Download diff file Expand all files Collapse all files

22
stylesheets/components/LeftPaneSearchInput.scss
View file

@ -1,31 +1,29 @@
// Copyright 2021 Signal Messenger, LLC
// Copyright 2021-2022 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only
.LeftPaneSearchInput {
-webkit-app-region: no-drag;
display: flex;
flex-direction: row;
flex-grow: 1;
position: relative;
margin: 0 16px;
margin-bottom: 16px;
&__input {
@include font-body-2;
@include rounded-corners;
border: none;
border-radius: 8px;
height: 28px;
padding-left: 30px;
padding-right: 5px;
width: 100%;
@include light-theme {
background-color: $color-gray-05;
background-color: $color-gray-15;
border: solid 1px $color-gray-15;
color: $color-gray-90;
border: solid 1px $color-gray-02;
}
@include dark-theme {
background-color: $color-gray-65;
border: solid 1px $color-gray-65;
color: $color-gray-05;
background-color: $color-gray-95;
border: solid 1px $color-gray-80;
}
&:placeholder {
@ -75,10 +73,10 @@
top: 3px;
@include light-theme {
background-color: $color-gray-15;
background-color: $color-gray-25;
}
@include dark-theme {
background-color: $color-gray-75;
background-color: $color-gray-80;
}
&__x-button {