Use the ::-moz-selection because Firefox doesn't know ::selection

fixes #364
This commit is contained in:
JC Brand 2015-04-08 12:19:36 +02:00
parent 5a488333ec
commit f3101a347f
3 changed files with 6 additions and 3 deletions

View File

@ -44,6 +44,8 @@
/* status dropdown styles */ } /* status dropdown styles */ }
#conversejs ::selection { #conversejs ::selection {
background-color: #E3C9C1; } background-color: #E3C9C1; }
#conversejs ::-moz-selection {
background-color: #E3C9C1; }
#conversejs *, #conversejs *:before, #conversejs *:after { #conversejs *, #conversejs *:before, #conversejs *:after {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;
@ -880,8 +882,6 @@
white-space: nowrap; } white-space: nowrap; }
#conversejs .chatroom .participant-list li.moderator { #conversejs .chatroom .participant-list li.moderator {
color: #8f2831; } color: #8f2831; }
#conversejs .chatroom .participant-list li.visitor {
color: #A3A3A3; }
#conversejs .chatroom .chat-textarea { #conversejs .chatroom .chat-textarea {
border-bottom-right-radius: 0; } border-bottom-right-radius: 0; }
#conversejs .chatroom .chat-area { #conversejs .chatroom .chat-area {

View File

@ -11,6 +11,7 @@ Changelog
* #357 Fix the known bug where a state notification reopens a chat box. [floriancargoet] * #357 Fix the known bug where a state notification reopens a chat box. [floriancargoet]
* #358 Bugfix. Chat rooms show the same occupants bug. [floriancargoet] * #358 Bugfix. Chat rooms show the same occupants bug. [floriancargoet]
* #359 Fix a timeout bug in chat state notifications. [floriancargoet] * #359 Fix a timeout bug in chat state notifications. [floriancargoet]
* #364 Text selection in chat boxes not shown in Firefox. [jcbrand]
0.9.1 (2015-03-26) 0.9.1 (2015-03-26)
------------------ ------------------

View File

@ -34,10 +34,12 @@
#conversejs { #conversejs {
@import "variables"; @import "variables";
::selection { ::selection {
background-color: $highlight-color; background-color: $highlight-color;
} }
::-moz-selection {
background-color: $highlight-color;
}
color: $text-color; color: $text-color;
font-size: $font-size; font-size: $font-size;