zinface
/
Signal-Desktop
mirror of https://github.com/signalapp/Signal-Desktop.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

A few fixes after the recent design refresh 

* Composition area scrollbar border now matches background color
* Search box: Don't move text when selected
* Left Pane: A little more space for descenders in message preview
* Draft quote: Increase contrast for the top-right X button
* Fix timer icons
This commit is contained in:
Scott Nonnenberg 2019-10-17 10:50:57 -07:00 committed by Ken Powers
parent 05439c6cd6
commit 195de96269
1 changed files with 18 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
stylesheets/_modules.scss
View File

@ -1226,9 +1226,10 @@
}
}
$timer-icons: 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 05, 00;
$timer-icons: '55', '50', '45', '40', '35', '30', '25', '20', '15', '10', '05',
'00';
@each $timer-icon in $conversation-colors {
@each $timer-icon in $timer-icons {
.module-expire-timer--#{$timer-icon} {
@include light-theme {
@include color-svg(
@ -1524,12 +1525,7 @@ $timer-icons: 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 05, 00;
border-radius: 50%;
@include light-theme {
background-color: $color-white-alpha-60;
}
@include dark-theme {
background-color: $color-white-alpha-40;
}
background-color: $color-black-alpha-40;
}
.module-quote__close-button {
@ -1543,12 +1539,7 @@ $timer-icons: 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 05, 00;
transform: translate(-50%, -50%);
@include light-theme {
@include color-svg('../images/icons/v2/x-24.svg', $color-gray-60);
}
@include dark-theme {
@include color-svg('../images/icons/v2/x-24.svg', $color-white);
}
@include color-svg('../images/icons/v2/x-24.svg', $color-white);
}
.module-quote__icon-container {
@ -2942,7 +2933,7 @@ $timer-icons: 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 05, 00;
@include font-body-2;
height: 1.3em;
height: 1.4em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
@ -3231,10 +3222,12 @@ $timer-icons: 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 05, 00;
@include light-theme {
background-color: $color-gray-05;
color: $color-gray-90;
border: solid 1px $color-gray-02;
}
@include dark-theme {
color: $color-gray-05;
background-color: $color-gray-95;
border: solid 1px $color-gray-80;
}
&:placeholder {
@ -6049,6 +6042,16 @@ $timer-icons: 55, 50, 45, 40, 35, 30, 25, 20, 15, 10, 05, 00;
min-height: 32px;
max-height: 80px;
overflow: auto;
&::-webkit-scrollbar-thumb {
@include light-theme {
border: 2px solid $color-gray-05;
}
@include dark-theme {
border: 2px solid $color-gray-75;
}
}
&--large {
max-height: 227px;
height: 227px;