paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-02 04:53:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

banners: Fix banner grid layout for medium and small variants.

Browse Source 
The banner grid layout for the medium and small variants has 4 rows,
while the previously described `grid-template-areas` only had the
placement information for the first 3 rows.

This commit adds the spatial description of the banner elements in the
the final row, fixing the alignment of the banner elements in the cases
where there are no action buttons and only the banner label.
This commit is contained in:
Sayam Samal
2025-04-15 16:30:16 +05:30
committed by Tim Abbott
parent 31175752a0
commit 4dff40a5d1
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/styles/app_variables.css
View File

@@ -660,13 +660,15 @@
--banner-grid-template-rows-lg: 0.3125em auto 0.3125em; /* 5px at 16px/1em */
--banner-grid-template-areas-md: ". . . . banner-close-button banner-close-button"
". . banner-label banner-label banner-close-button banner-close-button"
". banner-action-buttons banner-action-buttons banner-action-buttons . .";
". banner-action-buttons banner-action-buttons banner-action-buttons banner-close-button banner-close-button"
". . . . banner-close-button banner-close-button";
--banner-grid-template-columns-md: var(--banner-horizontal-padding) 0
minmax(auto, 1fr) 0 minmax(0, auto) var(--banner-horizontal-padding);
--banner-grid-template-rows-md: 0.3125em auto auto 0.3125em; /* 5px at 16px/1em */
--banner-grid-template-areas-sm: ". . . . banner-close-button banner-close-button"
". . banner-label banner-label banner-close-button banner-close-button"
". banner-action-buttons banner-action-buttons banner-action-buttons banner-action-buttons .";
". banner-action-buttons banner-action-buttons banner-action-buttons banner-close-button banner-close-button"
". . . . banner-close-button banner-close-button";
/* Popup banner related variables */
--popup-banner-translate-y-distance: 100px;