Implemented Server Emoji Picker (#40)

This commit is contained in:
Jeremy "EndenDragon" Zhang
2017-08-13 03:14:03 -07:00
committed by GitHub
parent e44ab58aa8
commit c832e69483
3 changed files with 108 additions and 0 deletions

View File

@ -385,6 +385,10 @@ a {
}
.message_emoji:hover {
cursor: pointer;
}
#chatcontent .message_emoji:hover {
height: 30px;
}
@ -418,4 +422,49 @@ p.mentioned span.chatmessage {
white-space: pre-wrap;
line-height: 15px;
padding: 5px;
}
#emoji-picker {
color: black;
position: fixed;
bottom: 12%;
right: 1%;
z-index: 500;
width: 350px;
height: 110px;
max-width: 80%;
max-height: 80%;
background-color: #eceff1;
border-radius: 5px;
display: none;
}
#emoji-picker-content {
overflow: auto;
height: 100%;
padding: 5px;
padding-top: 0;
}
#emoji-picker h6 {
font-weight: bold;
}
#emoji-tray-toggle {
position: absolute;
width: 10px;
height: 10px;
top: 14px;
right: 30px;
}
#emoji-tray-toggle > .btn-floating {
width: 30px;
height: 30px;
}
#emoji-tray-toggle > .btn-floating > i {
line-height: 0;
position: relative;
top: -5px;
}