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

mark as read: Fix button styling for medium-sized screens.

This commit is contained in:
evykassirer 2022-03-29 12:41:16 -07:00 committed by Tim Abbott
parent 507dc0127c
commit ce399cf08f
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/styles/zulip.css
View File

@ -1125,13 +1125,25 @@ td.pointer {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 8px 8px 14px;
column-gap: 10px;
#mark_as_read_turned_off_content {
margin: 0;
flex-grow: 1;
}
.mark_as_read_close {
margin-top: 6px;
#mark_as_read_controls {
display: flex;
}
#mark_as_read_close {
align-self: flex-start;
margin-top: -5px;
/* override bootstrap */
top: 0;
right: 0;
position: static;
}
}

2
static/templates/mark_as_read_turned_off_banner.hbs
View File

@ -5,5 +5,5 @@
<button id="mark_view_read" class="btn btn-warning" title="{{t 'Mark as read' }}">
{{t 'Mark as read' }}
</button>
<button type="button" class="mark_as_read_close close">×</button>
</div>
<button type="button" id="mark_as_read_close" class="close">×</button>