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

css: Fix date row overlapping with message header. 

When there was an unread message below date row, the date
row overlaps with the message header.

This was a result of #23538 not adjusting the message header
z-index along with the z-index of date row.
This commit is contained in:
Aman Agrawal 2023-05-01 15:47:04 +00:00 committed by Tim Abbott
parent aa33ae4af8
commit a02f431036
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web/styles/zulip.css
View File

@ -1219,7 +1219,8 @@ td.pointer {
position: sticky;
padding-top: var(--header-padding-bottom);
top: var(--header-height);
z-index: 3;
/* Needs to be higher than the z-index of date_row. */
z-index: 4;
box-shadow: 0 -1px 0 0 var(--color-background);
&.sticky_header {
@ -3000,6 +3001,7 @@ select.invite-as {
.message_row.unread {
.date_row {
position: relative;
/* Needs to be lower than the z-index of message_header. */
z-index: 3;
}
}