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

left_sidebar: Space PM / topic / stream names from icons on right by 3px. 

Due to some quirks of CSS specificity, a rule for 0 `right-padding` was
overriding a rule for 2px `right-padding` for topic names.

This is now corrected, and the padding increased to 3px for a less
cramped look, for PMs, topics and streams. Repetition of CSS has also
been removed.
This commit is contained in:
N-Shar-ma 2023-01-31 14:23:46 +05:30 committed by Tim Abbott
parent 4ea64cfede
commit db7d2169b3
1 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
static/styles/left_sidebar.css
View File

@ -11,6 +11,9 @@ $topic_resolve_width: 13px;
/* Space between section in the left sidebar. */
$sections_vertical_gutter: 8px;
$bottom_scrolling_buffer: 25px;
/* space PM / stream / topic names from unread counters / @ mention
indicators by 3px on the right */
$before_unread_count_padding: 3px;
.hashtag {
&:empty {
@ -106,12 +109,8 @@ li.show-more-topics {
}
li {
a {
padding: 1px 0;
&:hover {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul {
@ -142,15 +141,6 @@ li.show-more-topics {
align-items: center;
white-space: nowrap;
.stream-name {
flex: auto;
overflow-x: hidden;
overflow-x: clip;
text-overflow: ellipsis;
min-width: 0;
padding-right: 2px;
}
&.stream-with-count {
margin-right: 15px;
}
@ -447,14 +437,15 @@ li.top_left_recent_topics {
}
.conversation-partners,
.topic-name {
.topic-name,
.stream-name {
flex: auto;
min-width: 0;
white-space: nowrap;
overflow-x: hidden;
overflow-x: clip;
text-overflow: ellipsis;
padding-right: 2px;
padding: 1px $before_unread_count_padding 1px 0;
}
.topic-name {