Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

message_feed_ui: Right align date separators. 

Align the date separators in the message feed with the timestamps so
that all date information is easier to read top-down.
This commit is contained in:
Joseph Hughes 2022-10-12 01:03:08 +02:00 committed by Tim Abbott
parent d9874b1e2d
commit 90ace319d5
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
static/styles/zulip.css
View File

@ -2540,12 +2540,12 @@ select.invite-as {
.sub-unsub-message,
.date_row {
text-align: center;
padding-bottom: 10px;
}
.date_row {
padding-left: 2px;
text-align: right;
}
.sub-unsub-message span,
@ -2562,6 +2562,10 @@ select.invite-as {
opacity: 0.6;
}
.sub-unsub-message {
text-align: center;
}
.sub-unsub-message span {
font-size: 1em;
text-transform: none;
@ -2575,21 +2579,33 @@ select.invite-as {
position: relative;
content: " ";
vertical-align: middle;
width: 50%;
height: 0;
opacity: 0.2;
border-bottom: 1px solid hsl(0, 0%, 0%);
}
.sub-unsub-message span::before,
.sub-unsub-message span::after {
width: 50%;
}
.date_row span::before {
right: 0.5em;
width: 100%;
}
.date_row span::after {
width: 6px;
left: 0.25em;
}
.sub-unsub-message span::before,
.date_row span::before {
right: 0.25em;
margin-left: -50%;
}
.sub-unsub-message span::after,
.date_row span::after {
left: 0.5em;
.sub-unsub-message span::after {
left: 0.25em;
margin-right: -50%;
}