Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

emoji: Tweak emoji reactions CSS to add hover effects. 

This provides a fairly intense highlighting of when you're hovering
over a given emoji reaction element.

We may want to tone down the color a bit; I'm hoping for some feedback on this.
This commit is contained in:
Tim Abbott 2017-02-21 23:09:05 -08:00
parent 10324ba592
commit e051336ff6
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
static/styles/reactions.css
View File

@ -14,8 +14,14 @@
border-radius: 4px;
}
.private-message .message_reactions .message_reaction {
/* Use the PM color background, since white-on-yellow looks bad. */
background-color: #feffe0;
}
.message_reactions .reacted {
background-color: #eef7fa;
/* Needs to be important to override the .private-message one */
background-color: #eef7fa !important;
}
.message_reactions .message_reaction .emoji {
@ -71,6 +77,9 @@
color: #0088CC;
}
.message_reactions .message_reaction:hover {
border: thin solid #0088CC;
}
.message_reactions .reaction_button:only-child {
display: none;
@ -90,7 +99,7 @@
}
.message_reactions .reaction_button:hover {
border: thin solid #add8e6;
border: thin solid #0088CC;
background-color: #eef7fa;
cursor: pointer;
opacity: 1.0;