paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 06:23:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

left-sidebar: Add overflow ellipsis on long stream names.

Browse Source 
On stream names that don’t quite fit, we’ll add overflow ellipsis to
them. It appears we already did this on mobile in a sub-optimal way so
we can remove that media query with preference to the new, better
styling.
This commit is contained in:
Brock Whittaker
2017-11-01 12:15:38 -07:00
committed by showell
parent c9af964357
commit 4af9e11115
2 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
static/styles/left-sidebar.css
View File

@@ -207,8 +207,7 @@ li.hidden-filter {
.topic-name { .topic-name {
display: block; display: block;
line-height: 1.3em; line-height: 1.3em;
width: 100%; width: calc(100% - 5px);
max-width: 158px;
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -313,7 +312,16 @@ ul.filters li.out_of_home_view li.muted_topic {
} }
#stream_filters .subscription_block .stream-name { #stream_filters .subscription_block .stream-name {
overflow-wrap: break-word; display: inline-block;
width: calc(100% - 50px);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
line-height: 1;
position: relative;
top: 2px;
} }
#stream_filters .subscription_block.stream-with-count { #stream_filters .subscription_block.stream-with-count {

7
static/styles/media.css
View File

@@ -196,13 +196,6 @@
} }
@media (max-width: 500px) { @media (max-width: 500px) {
.stream-name {
max-width: 120px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.column-right.expanded .right-sidebar, .column-right.expanded .right-sidebar,
.column-left.expanded .left-sidebar { .column-left.expanded .left-sidebar {
margin-top: 31px; margin-top: 31px;