style updates to message-only

This commit is contained in:
Ginger Wong
2020-08-19 14:46:20 -07:00
parent 0325af3ce7
commit 756311f03c
6 changed files with 15 additions and 13 deletions

View File

@@ -36,10 +36,9 @@
cursor: pointer;
margin-right: .5em;
}
.emoji-picker__wrapper {}
.emoji-picker__emoji {
border-radius: 10px;
}
.message {
@@ -65,8 +64,6 @@
/* MESSAGE TEXT CONTENT */
/* MESSAGE TEXT CONTENT */
/* MESSAGE TEXT CONTENT */

View File

@@ -4,20 +4,23 @@ The styles in this file mostly ovveride those coming from chat.css
*/
#messages-container.messages-only {
.messages-only {
/* modify this px number if you want things to be relatively bigger or smaller 8*/
font-size: 16px;
padding: 1em .5em;
background-color: rgba(0,0,0,.4);
}
.messages-only .message-content {
text-shadow: 1px 1px 0px rgba(0,0,0,0.25);
}
.message-avatar {
display: none;
box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}
.message-avatar img {
height: 1.8em;
width: 1.8em;
}
.messages-only .message {
padding: .5em;
}