/
githubmirror
/
zulip
Обзор
Документация
Войти
/
githubmirror
/
zulip
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
web/src/css_variables.ts
61 строка
2 KB
apoorvapendse
message_header: Avoid hiding icons on smaller widths.
14 янв 2026, 20:45
14 янв 2026, 20:45
b65d440
Код
Авторство
О чём код?
// Media query breakpoints according to Bootstrap 4.5 const xs = 0; const sm = 576; const md = 768; const lg = 992; const xl = 1200; // Breakpoints for mobile devices used by Google Chrome as of Version 86 const ml = 425; // Mobile large const mm = 375; // Mobile medium const ms = 320; // Mobile small // Breakpoints for middle column const mc = 849; // Middle column as wide as it appears after the `sm` breakpoint // Base em unit for container_breakpoints conversion const base_em_px = 16; // Used for main settings overlay and stream/subscription settings overlay // measured as the width of the overlay itself, not the width of the full // screen. 800px is the breakpoint at the 14px legacy font size, scaled with // em to user-chosen font-size. const settings_overlay_sidebar_collapse_breakpoint = 800; export const media_breakpoints = { xs_min: xs + "px", sm_min: sm + "px", md_min: md + "px", mc_min: mc + "px", lg_min: lg + "px", xl_min: xl + "px", ml_min: ml + "px", mm_min: mm + "px", ms_min: ms + "px", short_navbar_cutoff_height: "600px", settings_overlay_sidebar_collapse_breakpoint: settings_overlay_sidebar_collapse_breakpoint / 14 + "em", }; export const container_breakpoints = { cq_xl_min: xl / base_em_px + "em", cq_lg_min: lg / base_em_px + "em", cq_mc_min: mc / base_em_px + "em", cq_md_min: md / base_em_px + "em", cq_ml_min: ml / base_em_px + "em", cq_sm_min: sm / base_em_px + "em", cq_mm_min: mm / base_em_px + "em", }; export const media_breakpoints_num = { xs, sm, md, mc, lg, xl, ml, mm, ms, settings_overlay_sidebar_collapse_breakpoint, };