paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-10-24 00:23:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

modals: Structure heading as grid to allow line wrapping.

Browse Source
This commit is contained in:
Karl Stolley
2024-12-19 09:23:23 -06:00
committed by Tim Abbott
parent e97572e30b
commit a81bb51a82
2 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/styles/modal.css
View File

@@ -30,10 +30,14 @@
}
.modal__header {
padding: 16px 24px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px 16px 16px 24px;
display: grid;
/* 25px at 16px/1em = 1.6667
29px at 16px/1em = 1.8125 */
grid-template:
"heading close-button" 1.6667em "heading ." auto / minmax(0, 1fr)
1.8125em;
grid-column-gap: 4px;
}
.modal__footer {
@@ -100,7 +104,6 @@
&::before {
content: "\2715";
}
margin-right: -4px;
background: transparent;
border: 0;

4
web/styles/popovers.css
View File

@@ -918,8 +918,8 @@ ul.popover-group-menu-member-list {
}
.modal__title {
white-space: nowrap;
text-overflow: ellipsis;
/* Grid defined in modal.css */
grid-area: heading;
.stream-privacy-type-icon {
padding-left: 3px;