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

A few fixes after the recent design refresh

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