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

Change android/android-dark file attachments to be on-theme

Browse source 
FREEBIE
This commit is contained in:
Scott Nonnenberg 2017-05-09 13:48:15 -07:00
parent 42195acfb1
commit e7f41be464
3 changed files with 34 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

11
stylesheets/_android.scss
View file

@ -37,12 +37,8 @@
@include hourglass(#fff); @include hourglass(#fff);
} }
.attachments .fileView {
margin-bottom: 0.5em;
}
.incoming .bubble { .incoming .bubble {
.sender, .content, .body, .meta, a { .sender, .content, .body, .meta, a, .fileView {
@include invert-text-color; @include invert-text-color;
} }
.attachments, .content { .attachments, .content {
@ -51,6 +47,11 @@
} }
} }
} }
.incoming .bubble .fileView .icon::before {
@include color-svg('/images/file.svg', white);
}
button.clock { button.clock {
@include header-icon-white('/images/clock.svg'); @include header-icon-white('/images/clock.svg');
} }

17
stylesheets/android-dark.scss
View file

@ -138,20 +138,25 @@ $text-dark: #CCCCCC;
@include hourglass(#fff); @include hourglass(#fff);
} }
.attachments .fileView {
margin-bottom: 0.5em;
}
.incoming .bubble { .incoming .bubble {
.sender, .content, .body, .meta, a { .sender, .content, .body, .meta, a, .fileView {
@include invert-text-color; @include invert-text-color;
} }
.attachments, .content { .content {
a { a {
color: $grey_l; color: $grey_l;
} }
} }
} }
.incoming .bubble .fileView .icon::before {
@include color-svg('/images/file.svg', white);
}
.outgoing .bubble .fileView .icon::before {
@include color-svg('/images/file.svg', #CCCCCC);
}
button.clock { button.clock {
@include header-icon-white('/images/clock.svg'); @include header-icon-white('/images/clock.svg');
} }

26
stylesheets/manifest.css
View file

@ -1735,15 +1735,17 @@ li.entry .error-icon-container {
-webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #fff; } background-color: #fff; }
.android .attachments .fileView { .android .incoming .bubble .sender, .android .incoming .bubble .content, .android .incoming .bubble .body, .android .incoming .bubble .meta, .android .incoming .bubble a, .android .incoming .bubble .fileView {
margin-bottom: 0.5em; }
.android .incoming .bubble .sender, .android .incoming .bubble .content, .android .incoming .bubble .body, .android .incoming .bubble .meta, .android .incoming .bubble a {
color: white; } color: white; }
.android .incoming .bubble .sender::selection, .android .incoming .bubble .content::selection, .android .incoming .bubble .body::selection, .android .incoming .bubble .meta::selection, .android .incoming .bubble a::selection { .android .incoming .bubble .sender::selection, .android .incoming .bubble .content::selection, .android .incoming .bubble .body::selection, .android .incoming .bubble .meta::selection, .android .incoming .bubble a::selection, .android .incoming .bubble .fileView::selection {
background: white; background: white;
color: #454545; } color: #454545; }
.android .incoming .bubble .attachments a, .android .incoming .bubble .content a { .android .incoming .bubble .attachments a, .android .incoming .bubble .content a {
color: #f3f3f3; } color: #f3f3f3; }
.android .incoming .bubble .fileView .icon::before {
-webkit-mask: url("/images/file.svg") no-repeat center;
-webkit-mask-size: 100%;
background-color: white; }
.android button.clock { .android button.clock {
-webkit-mask: url("/images/clock.svg") no-repeat center; -webkit-mask: url("/images/clock.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
@ -1981,15 +1983,21 @@ li.entry .error-icon-container {
-webkit-mask: url("/images/hourglass_empty.svg") no-repeat center; -webkit-mask: url("/images/hourglass_empty.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
background-color: #fff; } background-color: #fff; }
.android-dark .attachments .fileView { .android-dark .incoming .bubble .sender, .android-dark .incoming .bubble .content, .android-dark .incoming .bubble .body, .android-dark .incoming .bubble .meta, .android-dark .incoming .bubble a, .android-dark .incoming .bubble .fileView {
margin-bottom: 0.5em; }
.android-dark .incoming .bubble .sender, .android-dark .incoming .bubble .content, .android-dark .incoming .bubble .body, .android-dark .incoming .bubble .meta, .android-dark .incoming .bubble a {
color: white; } color: white; }
.android-dark .incoming .bubble .sender::selection, .android-dark .incoming .bubble .content::selection, .android-dark .incoming .bubble .body::selection, .android-dark .incoming .bubble .meta::selection, .android-dark .incoming .bubble a::selection { .android-dark .incoming .bubble .sender::selection, .android-dark .incoming .bubble .content::selection, .android-dark .incoming .bubble .body::selection, .android-dark .incoming .bubble .meta::selection, .android-dark .incoming .bubble a::selection, .android-dark .incoming .bubble .fileView::selection {
background: white; background: white;
color: #454545; } color: #454545; }
.android-dark .incoming .bubble .attachments a, .android-dark .incoming .bubble .content a { .android-dark .incoming .bubble .content a {
color: #f3f3f3; } color: #f3f3f3; }
.android-dark .incoming .bubble .fileView .icon::before {
-webkit-mask: url("/images/file.svg") no-repeat center;
-webkit-mask-size: 100%;
background-color: white; }
.android-dark .outgoing .bubble .fileView .icon::before {
-webkit-mask: url("/images/file.svg") no-repeat center;
-webkit-mask-size: 100%;
background-color: #CCCCCC; }
.android-dark button.clock { .android-dark button.clock {
-webkit-mask: url("/images/clock.svg") no-repeat center; -webkit-mask: url("/images/clock.svg") no-repeat center;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;