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:
Hardik Dharmani
2023-02-28 20:28:01 +05:30
committed by Tim Abbott
parent 43800b4c55
commit ac01e3ee51

View File

@@ -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;