paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 14:35:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

css: Extract realm logo max width as a variable.

Browse Source
This commit is contained in:
Aman Agrawal
2025-02-27 11:05:40 +00:00
committed by Tim Abbott
parent 60c6af2ab4
commit a3d591b337
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
web/styles/app_variables.css
View File

@@ -255,6 +255,7 @@
--left-sidebar-max-width: calc( --left-sidebar-max-width: calc(
20.6429em - var(--left-sidebar-right-margin) 20.6429em - var(--left-sidebar-right-margin)
); );
--realm-logo-max-width: 12.5em; /* 200px at 16px em */
/* Sidebar width is 1/3 of the screen at smaller /* Sidebar width is 1/3 of the screen at smaller
sizes, but gets held to the left sidebar's max width. sizes, but gets held to the left sidebar's max width.
This is very useful for areas in the CSS codebase This is very useful for areas in the CSS codebase

2
web/styles/zulip.css
View File

@@ -1068,7 +1068,7 @@ nav {
.nav-logo { .nav-logo {
display: inline-block; display: inline-block;
height: 1.25em; /* 20px at 16px em */ height: 1.25em; /* 20px at 16px em */
max-width: 12.5em; /* 200px at 16px em */ max-width: var(--realm-logo-max-width);
@media (height < $short_navbar_cutoff_height) { @media (height < $short_navbar_cutoff_height) {
height: 0.9375em; /* 15px at 16px em */ height: 0.9375em; /* 15px at 16px em */