CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-06-30 21:11:04 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

controls: Present bell icon as a block.

Browse Source 
This gives better positioning control over this icon, while not
inviting the side-effects and headaches of introducing another
flexbox.
This commit is contained in:
Karl Stolley 2023-08-22 09:55:39 -05:00 committed by Tim Abbott
parent f07fb4fd58
commit a17c7dfe0b
2 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/recent_topics.css
View File

@ -38,6 +38,10 @@
/* Use the same color as the message feed pointer */
box-shadow: 0 3px 0 hsl(215deg 47% 50%);
}
.change_visibility_policy i {
display: block;
}
}
& a {
@ -204,6 +208,7 @@
.flex_container .right_part {
margin-left: auto;
display: inline-flex;
align-items: center;
}
.recent_topic_actions {
@ -222,9 +227,13 @@
}
.recent_topic_actions .recent_topics_focusable {
display: flex;
align-items: center;
/* Keep a uniform distance from the focus-within
indicator at bottom. */
padding-bottom: 3px;
/* But push down with margin by the same amount,
so as to preserve vertical alignment introduced
by the parent flexbox. */
margin-top: 3px;
}
.recent_topics_participants {

2
web/styles/zulip.css
View File

@ -1495,11 +1495,11 @@ td.pointer {
align-items: center;
.change_visibility_policy {
display: flex;
cursor: pointer;
i {
font-size: 17px;
display: block;
}
}
}