mirror of
https://github.com/zulip/zulip.git
synced 2025-11-03 05:23:35 +00:00
stream-settings: Fix long stream names abbreviated too early.
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:
committed by
Tim Abbott
parent
43800b4c55
commit
ac01e3ee51
@@ -782,6 +782,8 @@ h4.user_group_setting_subsection_title {
|
||||
.stream-header {
|
||||
white-space: nowrap;
|
||||
padding-top: 10px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
.group-name-wrapper,
|
||||
.stream-name {
|
||||
@@ -792,20 +794,18 @@ h4.user_group_setting_subsection_title {
|
||||
margin-left: -3px;
|
||||
margin-top: -5px;
|
||||
white-space: nowrap;
|
||||
max-width: 260px;
|
||||
|
||||
.group-name,
|
||||
.sub-stream-name {
|
||||
display: block;
|
||||
max-width: 20ch;
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.button-group {
|
||||
float: right;
|
||||
margin-left: 1rem;
|
||||
|
||||
.deactivate {
|
||||
margin-right: 3px;
|
||||
|
||||
Reference in New Issue
Block a user