From 01b0f96b9a3bc8654e5642b5bdc5915fb8a0a575 Mon Sep 17 00:00:00 2001 From: codedust Date: Wed, 2 Sep 2015 18:26:01 +0200 Subject: [PATCH] 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. --- stylesheets/_conversation.scss | 12 ++++++++++++ stylesheets/manifest.css | 8 ++++++++ 2 files changed, 20 insertions(+) diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss index caa3ad284..d67ea3167 100644 --- a/stylesheets/_conversation.scss +++ b/stylesheets/_conversation.scss @@ -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; + } + } } } diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css index d00726f37..a48b831e9 100644 --- a/stylesheets/manifest.css +++ b/stylesheets/manifest.css @@ -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; }