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

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(
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
sizes, but gets held to the left sidebar's max width.
This is very useful for areas in the CSS codebase

2
web/styles/zulip.css
View File

@@ -1068,7 +1068,7 @@ nav {
.nav-logo {
display: inline-block;
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) {
height: 0.9375em; /* 15px at 16px em */