Light themes: Add gray background color to message detail screen

Outgoing messages were hard to see, white on white.

FREEBIE
This commit is contained in:
Scott Nonnenberg 2017-06-16 11:16:34 -07:00
parent 0a07c8ad2c
commit 3b19d8f0e2
2 changed files with 65 additions and 62 deletions

View file

@ -104,6 +104,8 @@
}
.message-detail {
background-color: #eee;
.key-conflict-dialogue {
border-radius: $border-radius;
margin: 20px 0;
@ -139,7 +141,6 @@
}
.message-container {
background: white;
padding: 20px 0;
.sender {

View file

@ -1037,7 +1037,9 @@ input.search {
display: inline-block;
max-width: 100%; }
.message-detail .key-conflict-dialogue {
.message-detail {
background-color: #eee; }
.message-detail .key-conflict-dialogue {
border-radius: 5px;
margin: 20px 0; }
.message-detail .key-conflict-dialogue .header {
@ -1062,12 +1064,12 @@ input.search {
.message-detail .key-conflict-dialogue .hideKeys, .message-detail .key-conflict-dialogue .showKeys {
float: right;
line-height: 36px; }
.message-detail .message-container {
.message-detail .message-container {
background: white;
padding: 20px 0; }
.message-detail .message-container .sender {
display: none; }
.message-detail .info {
.message-detail .info {
padding: 1em; }
.message-detail .info .label {
font-weight: bold;
@ -1081,7 +1083,7 @@ input.search {
font-weight: bold; }
.message-detail .info button span {
vertical-align: middle; }
.message-detail .contacts .contact-detail {
.message-detail .contacts .contact-detail {
padding: 0 36px;
margin-bottom: 5px; }
.message-detail .contacts .contact-detail .error-icon-container {
@ -1091,13 +1093,13 @@ input.search {
font-size: 0.92857em;
font-weight: bold;
color: red; }
.message-detail h3 {
.message-detail h3 {
font-size: 1em;
padding: 5px; }
.message-detail button.conflict {
.message-detail button.conflict {
float: right;
background: #d00; }
.message-detail button.cancel {
.message-detail button.cancel {
float: right;
color: #454545;
border: solid 1px #ccc; }