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

23
stylesheets/_conversation.scss
View file

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

22
stylesheets/manifest.css
View file

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