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

navbar: Hide view, channel descriptions at small viewports.

Browse Source 
This is an attempt to fix somewhat #33685. More finesse can
probably be done in the area, but hiding descriptions on a title-
by-title basis will be non-trivial.
This commit is contained in:
Karl Stolley
2025-02-28 13:02:21 -06:00
committed by Tim Abbott
parent e12168935e
commit f70b47878a
2 changed files with 15 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/src/css_variables.ts
View File

@@ -38,6 +38,7 @@ export const container_breakpoints = {
cq_xl_min: xl / base_em_px + "em", cq_xl_min: xl / base_em_px + "em",
cq_lg_min: lg / base_em_px + "em", cq_lg_min: lg / base_em_px + "em",
cq_md_min: md / base_em_px + "em", cq_md_min: md / base_em_px + "em",
cq_sm_min: sm / base_em_px + "em",
cq_mm_min: mm / base_em_px + "em", cq_mm_min: mm / base_em_px + "em",
}; };

14
web/styles/zulip.css
View File

@@ -1723,6 +1723,12 @@ body:not(.hide-left-sidebar) {
} }
} }
@container header-container (width <= $cq_sm_min) {
.narrow_description {
display: none;
}
}
/* Begin fallback media queries. */ /* Begin fallback media queries. */
@media (width < $xl_min) { @media (width < $xl_min) {
.without-container-query-support { .without-container-query-support {
@@ -1804,6 +1810,14 @@ body:not(.hide-left-sidebar) {
} }
} }
@media (width <= $sm_min) {
.without-container-query-support {
.narrow_description {
display: none;
}
}
}
/* End fallback media queries. */ /* End fallback media queries. */
/* Begin viewport state queries. */ /* Begin viewport state queries. */