Fix text selection color of outgiong message bubble contents
This will change the text color and the background color of selected text in outgoing messages to make the selection more noticeable. ::selection and ::-moz-selection have to be seperated into two selectors because browsers will ignore selectors with partially unknown syntax.
This commit is contained in:
parent
515e1be454
commit
01b0f96b9a
2 changed files with 20 additions and 0 deletions
|
@ -237,6 +237,18 @@
|
|||
right: -8px;
|
||||
border-left: 8px solid $blue;
|
||||
}
|
||||
|
||||
.content {
|
||||
&::selection {
|
||||
color: $grey_d;
|
||||
background: white;
|
||||
}
|
||||
|
||||
&::-moz-selection {
|
||||
color: $grey_d;
|
||||
background: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -669,6 +669,14 @@ input.search {
|
|||
.message-list .outgoing .bubble::after {
|
||||
right: -8px;
|
||||
border-left: 8px solid #2090ea; }
|
||||
.message-detail .outgoing .bubble .content::selection,
|
||||
.message-list .outgoing .bubble .content::selection {
|
||||
color: #454545;
|
||||
background: white; }
|
||||
.message-detail .outgoing .bubble .content::-moz-selection,
|
||||
.message-list .outgoing .bubble .content::-moz-selection {
|
||||
color: #454545;
|
||||
background: white; }
|
||||
.message-detail .control .bubble .content,
|
||||
.message-list .control .bubble .content {
|
||||
font-style: italic; }
|
||||
|
|
Loading…
Reference in a new issue