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

Remove gray background from message detail

Browse source 
// FREEBIE
This commit is contained in:
lilia 2015-10-17 12:23:11 -07:00
parent f7452d2825
commit bf81686c6e
2 changed files with 74 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

1
stylesheets/_conversation.scss
View file

@ -48,7 +48,6 @@
} }
.message-detail { .message-detail {
background: $grey_l;
.message-container { .message-container {
background: white; background: white;

150
stylesheets/manifest.css
View file

@ -553,84 +553,82 @@ input.search {
font-family: monospace; font-family: monospace;
padding: 0 1em; } padding: 0 1em; }
.message-detail { .message-detail .message-container {
background: #f3f3f3; } background: white;
.message-detail .message-container { padding: 1em 0; }
background: white; .message-detail .message-container .sender {
padding: 1em 0; } display: none; }
.message-detail .message-container .sender { .message-detail .info {
display: none; } padding: 1em; }
.message-detail .info { .message-detail .info .label {
padding: 1em; } font-weight: bold;
.message-detail .info .label { padding-right: 1em;
font-weight: bold; vertical-align: top; }
padding-right: 1em; .message-detail .info button {
vertical-align: top; } border: none;
.message-detail .info button { border-radius: 5px;
border: none; color: white;
border-radius: 5px; padding: 0.5em;
color: white; font-weight: bold;
padding: 0.5em; background: #2090ea; }
font-weight: bold; .message-detail .info button span {
background: #2090ea; } vertical-align: middle; }
.message-detail .info button span { .message-detail .info button:before {
vertical-align: middle; } content: '';
.message-detail .info button:before { display: inline-block;
content: ''; vertical-align: middle;
display: inline-block; width: 18px;
vertical-align: middle; height: 18px;
width: 18px; background: url("/images/refresh.png") no-repeat center center;
height: 18px; background-size: 100%; }
background: url("/images/refresh.png") no-repeat center center; .message-detail .contact-detail {
background-size: 100%; } margin-bottom: 5px;
.message-detail .contact-detail { padding: 0 36px; }
margin-bottom: 5px; .message-detail h3 {
padding: 0 36px; } font-size: 1em;
.message-detail h3 { padding: 5px; }
font-size: 1em; .message-detail h3 button {
padding: 5px; }
.message-detail h3 button {
float: right; }
.message-detail .error-icon {
display: inline-block;
width: 18px;
height: 18px;
background: url("/images/error_red.png") no-repeat center center;
vertical-align: middle;
position: relative;
margin: 9px;
float: right; } float: right; }
.message-detail .error-icon .error-message { .message-detail .error-icon {
display: none; display: inline-block;
width: 18px;
height: 18px;
background: url("/images/error_red.png") no-repeat center center;
vertical-align: middle;
position: relative;
margin: 9px;
float: right; }
.message-detail .error-icon .error-message {
display: none;
position: absolute;
background: black;
color: white;
border-radius: 10px;
padding: 0.5em;
font-weight: normal;
bottom: calc(100% + 16px);
left: 50%;
margin-left: -130px;
width: 180px;
z-index: 10; }
.message-detail .error-icon .error-message:before {
left: -10px;
display: block;
content: '';
position: absolute; position: absolute;
background: black; bottom: -23px;
color: white; left: calc(50% - 6px + 40px);
border-radius: 10px; border: 6px solid transparent;
padding: 0.5em; border-top: 18px solid #000000; }
font-weight: normal; .message-detail .error-icon:hover .error-message {
bottom: calc(100% + 16px); display: block; }
left: 50%; .message-detail button.conflict {
margin-left: -130px; float: right;
width: 180px; background: #d00; }
z-index: 10; } .message-detail button.conflict span {
.message-detail .error-icon .error-message:before { padding-left: 5px; }
left: -10px; .message-detail button.conflict:before {
display: block; background: url("/images/error.png") no-repeat center center; }
content: '';
position: absolute;
bottom: -23px;
left: calc(50% - 6px + 40px);
border: 6px solid transparent;
border-top: 18px solid #000000; }
.message-detail .error-icon:hover .error-message {
display: block; }
.message-detail button.conflict {
float: right;
background: #d00; }
.message-detail button.conflict span {
padding-left: 5px; }
.message-detail button.conflict:before {
background: url("/images/error.png") no-repeat center center; }
.group-update { .group-update {
font-size: smaller; } font-size: smaller; }