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

Simplify meta/timestamp styles

Browse source 
// FREEBIE
This commit is contained in:
lilia 2015-11-20 13:21:13 -08:00
parent ed32801c3e
commit 1892eeafe0
2 changed files with 17 additions and 28 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
stylesheets/_conversation.scss
View file

@ -202,20 +202,14 @@
} }
&.sent .status { &.sent .status {
background: url('/images/check-white.png'); background: url('/images/check-white.png');
opacity: 0.5;
} }
&.delivered .status { &.delivered .status {
background: url('/images/double-check-white.png'); background: url('/images/double-check-white.png');
opacity: 0.5;
} }
&.pending .status { &.pending .status {
background: none; background: none;
&:before { content: '...'; } &:before { content: '...'; }
} }
.meta:hover .status {
opacity: 1;
}
} }
.message-list { .message-list {
@ -290,6 +284,13 @@
p { p {
margin: 0; margin: 0;
} }
.meta {
opacity: 0.5;
&:hover {
opacity: 1.0;
}
}
} }
.outgoing.sent .bubble { .outgoing.sent .bubble {
@ -325,10 +326,6 @@
left: -8px; left: -8px;
border-right: 8px solid $grey_l; border-right: 8px solid $grey_l;
} }
.timestamp {
color: #999;
}
} }
} }
@ -344,12 +341,8 @@
background-color: $blue; background-color: $blue;
.meta { .meta {
color: $blue_l;
&:hover {
color: white; color: white;
} }
}
&::before { &::before {
right: -10px; right: -10px;

20
stylesheets/manifest.css
View file

@ -653,17 +653,13 @@ input.search {
width: 18px; width: 18px;
height: 1em; } height: 1em; }
.outgoing.entry.sent .status { .outgoing.entry.sent .status {
background: url("/images/check-white.png"); background: url("/images/check-white.png"); }
opacity: 0.5; }
.outgoing.entry.delivered .status { .outgoing.entry.delivered .status {
background: url("/images/double-check-white.png"); background: url("/images/double-check-white.png"); }
opacity: 0.5; }
.outgoing.entry.pending .status { .outgoing.entry.pending .status {
background: none; } background: none; }
.outgoing.entry.pending .status:before { .outgoing.entry.pending .status:before {
content: '...'; } content: '...'; }
.outgoing.entry .meta:hover .status {
opacity: 1; }
.message-list { .message-list {
position: relative; position: relative;
@ -723,6 +719,12 @@ input.search {
.message-detail .bubble p, .message-detail .bubble p,
.message-list .bubble p { .message-list .bubble p {
margin: 0; } margin: 0; }
.message-detail .bubble .meta,
.message-list .bubble .meta {
opacity: 0.5; }
.message-detail .bubble .meta:hover,
.message-list .bubble .meta:hover {
opacity: 1.0; }
.message-detail .error.bubble, .message-detail .error.bubble,
.message-list .error.bubble { .message-list .error.bubble {
cursor: pointer; cursor: pointer;
@ -751,9 +753,6 @@ input.search {
.message-list .incoming .bubble::after { .message-list .incoming .bubble::after {
left: -8px; left: -8px;
border-right: 8px solid #f3f3f3; } border-right: 8px solid #f3f3f3; }
.message-detail .incoming .bubble .timestamp,
.message-list .incoming .bubble .timestamp {
color: #999; }
.message-detail .outgoing .avatar, .message-detail .outgoing .bubble, .message-detail .outgoing .avatar, .message-detail .outgoing .bubble,
.message-list .outgoing .avatar, .message-list .outgoing .avatar,
.message-list .outgoing .bubble { .message-list .outgoing .bubble {
@ -765,9 +764,6 @@ input.search {
background-color: #2090ea; } background-color: #2090ea; }
.message-detail .outgoing .bubble .meta, .message-detail .outgoing .bubble .meta,
.message-list .outgoing .bubble .meta { .message-list .outgoing .bubble .meta {
color: #a2d2f4; }
.message-detail .outgoing .bubble .meta:hover,
.message-list .outgoing .bubble .meta:hover {
color: white; } color: white; }
.message-detail .outgoing .bubble::before, .message-detail .outgoing .bubble::before,
.message-list .outgoing .bubble::before { .message-list .outgoing .bubble::before {