paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

stream-settings: Fix long stream names abbreviated too early.

Browse Source 
Make .stream-header div a flex container and adjust max-width
of .sub-stream-name to take up 100% of available space.
Add 1rem margin-left to .button-group for spacing.

Fixes: #24507
This commit is contained in:
Hardik Dharmani
2023-02-28 20:28:01 +05:30
committed by Tim Abbott
parent 43800b4c55
commit ac01e3ee51
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web/styles/subscriptions.css
View File

@@ -782,6 +782,8 @@ h4.user_group_setting_subsection_title {
.stream-header { .stream-header {
white-space: nowrap; white-space: nowrap;
padding-top: 10px; padding-top: 10px;
display: flex;
align-items: center;
.group-name-wrapper, .group-name-wrapper,
.stream-name { .stream-name {
@@ -792,20 +794,18 @@ h4.user_group_setting_subsection_title {
margin-left: -3px; margin-left: -3px;
margin-top: -5px; margin-top: -5px;
white-space: nowrap; white-space: nowrap;
max-width: 260px;
.group-name, .group-name,
.sub-stream-name { .sub-stream-name {
display: block; display: block;
max-width: 20ch; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
float: left;
} }
} }
.button-group { .button-group {
float: right; margin-left: 1rem;
.deactivate { .deactivate {
margin-right: 3px; margin-right: 3px;