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

Fix styling of the 'Start conversation...' search result item

Browse source
This commit is contained in:
Scott Nonnenberg 2018-08-01 17:01:54 -07:00
parent 1e8f71f035
commit 6b78f2582b
2 changed files with 15 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

18
stylesheets/_global.scss
View file

@ -136,7 +136,7 @@ a {
outline: solid 1px $blue; outline: solid 1px $blue;
} }
$avatar-size: 44px; $avatar-size: 48px;
.avatar { .avatar {
display: inline-block; display: inline-block;
@ -244,13 +244,23 @@ $unread-badge-size: 21px;
} }
} }
$new-contact-left-margin: 16px;
.new-contact .avatar {
margin-left: $new-contact-left-margin;
}
// Still used for the contact search view
.contact-details { .contact-details {
$left-margin: 8px; $left-margin: 12px;
vertical-align: middle; vertical-align: middle;
display: inline-block; display: inline-block;
margin: 0 0 0 $left-margin; margin: 0 0 0 $left-margin;
width: calc(100% - #{$avatar-size} - #{$left-margin} - #{(4/14) + em}); width: calc(
100% - #{$avatar-size} - #{$new-contact-left-margin} - #{$left-margin} - #{(
4/14
) + em}
);
text-align: left; text-align: left;
p { p {
@ -270,7 +280,7 @@ $unread-badge-size: 21px;
} }
.number { .number {
color: $grey; color: $color-light-60;
font-size: $font-size-small; font-size: $font-size-small;
} }

2
stylesheets/_theme_dark.scss
View file

@ -253,7 +253,7 @@ body.dark-theme {
.contact-details { .contact-details {
.number { .number {
color: $grey; color: $color-dark-30;
} }
.verified-icon { .verified-icon {