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

Clean up timestamp/status alignment

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-23 17:49:29 -07:00
parent 512c5bf739
commit 6c35f2a010
2 changed files with 11 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

10
stylesheets/_conversation.scss
View file

@ -284,6 +284,7 @@
font-size: smaller; font-size: smaller;
margin-top: 3px; margin-top: 3px;
float: right; float: right;
line-height: 18px;
.hasRetry + .timestamp { .hasRetry + .timestamp {
&:before { &:before {
@ -316,16 +317,15 @@
.status { .status {
width: 18px; width: 18px;
height: 14px; height: 18px;
line-height: 1em;
} }
.sent .status { .sent .status {
display: inline-block; display: inline-block;
background: url('/images/check-black.png'); background: url('/images/check-black.png') center;
} }
.delivered .status { .delivered .status {
display: inline-block; display: inline-block;
background: url('/images/double-check-black.png'); background: url('/images/double-check-black.png') center;
} }
.pending .status { .pending .status {
display: inline-block; display: inline-block;
@ -338,7 +338,7 @@
width: 18px; width: 18px;
height: 18px; height: 18px;
opacity: 1 !important; opacity: 1 !important;
background: url('/images/error_red.png') no-repeat; background: url('/images/error_red.png') center no-repeat;
cursor: pointer; cursor: pointer;
} }

12
stylesheets/manifest.css
View file

@ -843,7 +843,8 @@ input.search {
.message-list .meta { .message-list .meta {
font-size: smaller; font-size: smaller;
margin-top: 3px; margin-top: 3px;
float: right; } float: right;
line-height: 18px; }
.message-container .meta .hasRetry + .timestamp:before, .message-container .meta .hasRetry + .timestamp:before,
.message-list .meta .hasRetry + .timestamp:before { .message-list .meta .hasRetry + .timestamp:before {
content: "\00b7"; content: "\00b7";
@ -872,16 +873,15 @@ input.search {
.message-container .status, .message-container .status,
.message-list .status { .message-list .status {
width: 18px; width: 18px;
height: 14px; height: 18px; }
line-height: 1em; }
.message-container .sent .status, .message-container .sent .status,
.message-list .sent .status { .message-list .sent .status {
display: inline-block; display: inline-block;
background: url("/images/check-black.png"); } background: url("/images/check-black.png") center; }
.message-container .delivered .status, .message-container .delivered .status,
.message-list .delivered .status { .message-list .delivered .status {
display: inline-block; display: inline-block;
background: url("/images/double-check-black.png"); } background: url("/images/double-check-black.png") center; }
.message-container .pending .status, .message-container .pending .status,
.message-list .pending .status { .message-list .pending .status {
display: inline-block; display: inline-block;
@ -896,7 +896,7 @@ input.search {
width: 18px; width: 18px;
height: 18px; height: 18px;
opacity: 1 !important; opacity: 1 !important;
background: url("/images/error_red.png") no-repeat; background: url("/images/error_red.png") center no-repeat;
cursor: pointer; } cursor: pointer; }
.message-container .incoming .avatar, .message-container .incoming .bubble, .message-container .incoming .avatar, .message-container .incoming .bubble,
.message-list .incoming .avatar, .message-list .incoming .avatar,