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

Move to white background for ios replies, hairline bottom border

Browse source
This commit is contained in:
Scott Nonnenberg 2018-04-12 18:29:28 -07:00
parent 32925ed026
commit f255cbcbe3
No known key found for this signature in database
GPG key ID: 5F82280C35134661
2 changed files with 7 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

21
stylesheets/_ios.scss
View file

@ -116,7 +116,7 @@ $ios-border-color: rgba(0,0,0,0.1);
// Not ideal, but necessary to override the specificity of the android theme color // Not ideal, but necessary to override the specificity of the android theme color
// classes used in conversations.scss // classes used in conversations.scss
background-color: white !important; background-color: white !important;
border: 1px solid lightgray !important; border: 1px solid $grey_l1_5 !important;
border-bottom: none !important; border-bottom: none !important;
margin-top: 0px; margin-top: 0px;
@ -130,7 +130,7 @@ $ios-border-color: rgba(0,0,0,0.1);
.text, .text,
.filename-label, .filename-label,
.type-label { .type-label {
border-left: 2px solid lightgray; border-left: 2px solid $grey_l1;
padding: 5px; padding: 5px;
padding-left: 7px; padding-left: 7px;
// Without this smaller bottom padding, text beyond four lines still shows up! // Without this smaller bottom padding, text beyond four lines still shows up!
@ -144,7 +144,7 @@ $ios-border-color: rgba(0,0,0,0.1);
.ios-label { .ios-label {
display: block; display: block;
color: lightgray; color: $grey_l1;
font-size: smaller; font-size: smaller;
margin-bottom: 3px; margin-bottom: 3px;
} }
@ -192,20 +192,9 @@ $ios-border-color: rgba(0,0,0,0.1);
.incoming { .incoming {
.bubble { .bubble {
.quote { .quote {
background-color: lightgray !important;
border-left: none; border-left: none;
border: none !important;
.ios-label { border-bottom: 1px solid lightgray !important;
color: white;
}
.primary {
.text,
.filename-label,
.type-label {
border-left: 2px solid white;
}
}
} }
} }
} }

2
stylesheets/_variables.scss
View file

@ -2,6 +2,8 @@
$blue_l: #a2d2f4; $blue_l: #a2d2f4;
$blue: #2090ea; $blue: #2090ea;
$grey_l: #f3f3f3; $grey_l: #f3f3f3;
$grey_l1: #bdbdbd;
$grey_l1_5: #e6e6e6;
$grey_l2: #d9d9d9; // ~ Equivalent to darken($grey_l, 10%), unreliably compiles $grey_l2: #d9d9d9; // ~ Equivalent to darken($grey_l, 10%), unreliably compiles
$grey_l3: darken($grey_l, 20%); $grey_l3: darken($grey_l, 20%);
$grey_l4: darken($grey_l, 40%); $grey_l4: darken($grey_l, 40%);