e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Add date markers

Browse source
This commit is contained in:
Ken-Håvard Lieng 2018-12-14 14:24:23 +01:00
parent 34d89c75b2
commit 50d735aaa3
7 changed files with 218 additions and 92 deletions
Download patch file Download diff file Expand all files Collapse all files

34
client/css/style.css
View file

@ -595,8 +595,6 @@ input.chat-title {
top: 50px;
bottom: 50px;
right: 0;
z-index: 1;
overflow: hidden;
}
.chat-channel .messagebox {
@ -615,6 +613,24 @@ input.chat-title {
overflow-y: scroll !important;
}
.messagebox-topdate-container {
position: absolute;
text-align: center;
left: 0;
height: 0;
}
.messagebox-topdate {
position: relative;
top: -12px;
background: #f0f0f0;
color: #999;
border-radius: 50vh;
padding: 0 5px;
font-size: 12px;
z-index: 2;
}
.message {
padding: 4px 15px;
}
@ -637,6 +653,18 @@ input.chat-title {
color: #ff6698;
}
.message-date {
text-align: center;
color: #999;
font-size: 12px;
margin-top: 12px;
}
.message-date hr {
border: none;
border-bottom: 1px solid #ddd;
}
.message-time {
font-style: normal;
font-weight: 400;
@ -706,7 +734,7 @@ input.message-input-nick.invalid {
width: 200px;
border-left: 1px solid #ddd;
background: #f0f0f0;
z-index: 2;
z-index: 1;
transition: transform 0.2s;
}