thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Fix bubble selection style and toast z-index

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-09-01 15:09:24 -07:00
parent f3f6a2dfa8
commit f918142742
3 changed files with 12 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
stylesheets/_conversation.scss
View file

@ -534,6 +534,7 @@ li.entry .error-icon-container {
box-shadow: 0 0 5px 0 black; box-shadow: 0 0 5px 0 black;
border-radius: $border-radius; border-radius: $border-radius;
font-size: $font-size-small; font-size: $font-size-small;
z-index: 100;
} }
.confirmation-dialog { .confirmation-dialog {

12
stylesheets/_themes.scss
View file

@ -3,12 +3,8 @@
color: white; color: white;
} }
&, .content { &, .body {
&::selection, a::selection { &::selection, a::selection,
background: white;
color: $grey_d;
}
&::-moz-selection, a::-moz-selection { &::-moz-selection, a::-moz-selection {
background: white; background: white;
color: $grey_d; color: $grey_d;
@ -164,7 +160,9 @@ $ios-border-color: rgba(0,0,0,0.1);
.outgoing { .outgoing {
.content { .content {
background-color: $blue; background-color: $blue;
@include invert-text-color; .body {
@include invert-text-color;
}
float: right; float: right;
} }
.timestamp { .timestamp {

17
stylesheets/manifest.css
View file

@ -1317,7 +1317,8 @@ li.entry .error-icon-container {
color: white; color: white;
box-shadow: 0 0 5px 0 black; box-shadow: 0 0 5px 0 black;
border-radius: 5px; border-radius: 5px;
font-size: 0.92857em; } font-size: 0.92857em;
z-index: 100; }
.confirmation-dialog .content { .confirmation-dialog .content {
max-width: 350px; max-width: 350px;
@ -1462,15 +1463,12 @@ li.entry .error-icon-container {
.ios .outgoing .content { .ios .outgoing .content {
background-color: #2090ea; background-color: #2090ea;
float: right; } float: right; }
.ios .outgoing .content, .ios .outgoing .content .meta { .ios .outgoing .content .body, .ios .outgoing .content .body .meta {
color: white; } color: white; }
.ios .outgoing .content::selection, .ios .outgoing .content a::selection, .ios .outgoing .content .content::selection, .ios .outgoing .content .content a::selection { .ios .outgoing .content .body::selection, .ios .outgoing .content .body a::selection, .ios .outgoing .content .body::-moz-selection, .ios .outgoing .content .body a::-moz-selection, .ios .outgoing .content .body .body::selection, .ios .outgoing .content .body .body a::selection, .ios .outgoing .content .body .body::-moz-selection, .ios .outgoing .content .body .body a::-moz-selection {
background: white; background: white;
color: #454545; } color: #454545; }
.ios .outgoing .content::-moz-selection, .ios .outgoing .content a::-moz-selection, .ios .outgoing .content .content::-moz-selection, .ios .outgoing .content .content a::-moz-selection { .ios .outgoing .content .body a, .ios .outgoing .content .body .attachments a, .ios .outgoing .content .body .content a {
background: white;
color: #454545; }
.ios .outgoing .content a, .ios .outgoing .content .attachments a, .ios .outgoing .content .content a {
color: #f3f3f3; } color: #f3f3f3; }
.ios .outgoing .timestamp { .ios .outgoing .timestamp {
float: none; } float: none; }
@ -1536,10 +1534,7 @@ li.entry .error-icon-container {
background-color: #f3f3f3; } background-color: #f3f3f3; }
.android .incoming .bubble, .android .incoming .bubble .meta { .android .incoming .bubble, .android .incoming .bubble .meta {
color: white; } color: white; }
.android .incoming .bubble::selection, .android .incoming .bubble a::selection, .android .incoming .bubble .content::selection, .android .incoming .bubble .content a::selection { .android .incoming .bubble::selection, .android .incoming .bubble a::selection, .android .incoming .bubble::-moz-selection, .android .incoming .bubble a::-moz-selection, .android .incoming .bubble .body::selection, .android .incoming .bubble .body a::selection, .android .incoming .bubble .body::-moz-selection, .android .incoming .bubble .body a::-moz-selection {
background: white;
color: #454545; }
.android .incoming .bubble::-moz-selection, .android .incoming .bubble a::-moz-selection, .android .incoming .bubble .content::-moz-selection, .android .incoming .bubble .content a::-moz-selection {
background: white; background: white;
color: #454545; } color: #454545; }
.android .incoming .bubble a, .android .incoming .bubble .attachments a, .android .incoming .bubble .content a { .android .incoming .bubble a, .android .incoming .bubble .attachments a, .android .incoming .bubble .content a {