NDOJ/resources/chatbox.scss
2020-05-23 20:35:18 -05:00

73 lines
962 B
SCSS

#chat-box {
border: 1px solid #ccc;
border-radius: 4px;
height: 20em;
width: 100%;
overflow: hidden;
overflow-wrap: break-word;
overflow-y: scroll;
}
#loader {
display: block;
margin-left: auto;
margin-right: auto;
width: 4%;
}
#chat-log {
padding: 0;
padding-top: 2em;
width: 100%;
}
#chat-log li {
list-style-type: none;
margin: 0.5em;
}
#chat-input {
width: 100%;
padding: 0.4em;
color: black;
}
#chat-submit {
margin-top: 1em;
}
.profile-pic {
height: 2.6em;
width: 2.6em;
border-radius: 0.3em;
margin-top: 0.1em;
float: left;
}
.body-message {
padding-left: 3em;
padding-bottom: 1em;
border-bottom: 1px solid lightgray
}
.user-time {
margin-bottom: 0.3em;
}
.time {
margin-left: 0.5em;
}
.user {
font-weight: bold;
}
.clear {
clear: both;
}
.content-message {
word-wrap: break-word;
white-space: pre-line;
}