Refactored and cleaned up
This commit is contained in:
@@ -12,92 +12,10 @@ body {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header {
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
main {
|
||||
display: grid;
|
||||
grid-template-columns: 80% 20%;
|
||||
height: calc(100% - 3em);
|
||||
}
|
||||
|
||||
#game {
|
||||
height: 100%;
|
||||
grid-column-start: 1;
|
||||
}
|
||||
|
||||
#chat {
|
||||
border-left: #7d7d7d solid 2px;
|
||||
height: 100%;
|
||||
grid-column-start: 2;
|
||||
}
|
||||
|
||||
#messages {
|
||||
height: calc(100% - 5em - 3em);
|
||||
overflow-y: scroll;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.log {
|
||||
list-style-type: none;
|
||||
padding: 5px;
|
||||
font-weight: bold;
|
||||
color: #424242;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.message {
|
||||
list-style-type: none;
|
||||
margin: 5px;
|
||||
border-radius: 5px;
|
||||
background: #0079a5;
|
||||
color: #fff;
|
||||
padding: 5px 5px 5px 15px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.me:before {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border-left: 15px solid #0079a5;
|
||||
border-right: 15px solid transparent;
|
||||
border-top: 15px solid #0079a5;
|
||||
border-bottom: 15px solid transparent;
|
||||
right: -10px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.others:before {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: absolute;
|
||||
border-left: 15px solid transparent;
|
||||
border-right: 15px solid #0079a5;
|
||||
border-top: 15px solid #0079a5;
|
||||
border-bottom: 15px solid transparent;
|
||||
left: -10px;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.username {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.messageBody {
|
||||
|
||||
}
|
||||
|
||||
.messageBody::before {
|
||||
content: '\A';
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
#message_form {
|
||||
height: 5em;
|
||||
height: calc(100% - 3em - 10px);
|
||||
}
|
||||
|
||||
.material-icon {
|
||||
|
Reference in New Issue
Block a user