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

top_navbar: Consolidate selectors, replicate styles.

This commit is contained in:
Karl Stolley 2023-11-17 13:05:24 -06:00 committed by Tim Abbott
parent 1337b60738
commit 000299a323
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/styles/zulip.css
View File

@ -2281,14 +2281,22 @@ div.focused-message-list {
display: none;
}
.message-header-stream-settings-button,
& > span {
.message-header-stream-settings-button {
font-weight: 600;
font-size: 16px;
margin: 0 -4px 0 0;
padding: 0 6px;
overflow: hidden;
text-overflow: ellipsis;
text-overflow: clip;
color: inherit;
text-decoration: none;
/* Don't yield any space needed for the stream name. */
flex-shrink: 0;
.zulip-icon {
font-size: 14px;
}
@media (width < $sm_min) {
padding: 0 3.5px; /* based on having ~41.66% decrease */
@ -2317,18 +2325,6 @@ div.focused-message-list {
}
}
.message-header-stream-settings-button {
text-overflow: clip;
color: inherit;
text-decoration: none;
/* Don't yield any space needed for the stream name. */
flex-shrink: 0;
.zulip-icon {
font-size: 14px;
}
}
.narrow_description {
/* the actual value of flex shrink does not matter, it is the
ratio of this value to other flex items that determines the
@ -2337,11 +2333,14 @@ div.focused-message-list {
is chosen such that the narrow description shrinks to close
before the stream name must begin to shrink */
flex-shrink: 100;
padding-left: 10px;
background: none;
font-size: 14px;
color: inherit;
font-weight: 400;
padding: 0 6px;
padding-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
}
/* The very last element in the navbar is the search icon, the second