Webstar/LibrePortal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: Webstar:70415b02239f5dac3426e237dcea2f094fd80116
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0
..
compare: Webstar:f7d7e213352b6b9648c2dbb9cf5217592061d156
Branches Tags
Webstar:main
Webstar:claude/2
Webstar:v0.1.0

No commits in common. "70415b02239f5dac3426e237dcea2f094fd80116" and "f7d7e213352b6b9648c2dbb9cf5217592061d156" have entirely different histories.
70415b0223 ... f7d7e21335

1 changed files with 7 additions and 10 deletions
Show Stats Expand all files Collapse all files

15
containers/libreportal/frontend/css/topbar.css
View File

@ -67,19 +67,16 @@
} }
body.has-dev-banner { padding-top: 96px; } body.has-dev-banner { padding-top: 96px; }
/* Topbar is fixed top:0 on every viewport, so it always slides to top:36 /* Shift every other fixed-positioned chrome element down by the banner
to sit below the banner. The viewport-fitted .apps-layout is in flex height when it's on. Topbar slides from top:0 → 36 (under the banner);
flow but sizes itself off the topbar height — pull 36px more off so it anything that was at top:60 (the topbar's bottom edge — sidebar, apps
doesn't overflow the bottom when the banner is on. Everything else layout, mobile-drawer) slides to 96 to clear the now-pushed-down topbar. */
that needs nudging (sidebar / sidebar-container / mobile-drawer) only
becomes fixed at mobile widths and is handled in the media query below. */
body.has-dev-banner .topbar { top: 36px; } body.has-dev-banner .topbar { top: 36px; }
body.has-dev-banner .apps-layout { height: calc(100vh - 96px); } body.has-dev-banner .sidebar { top: 96px; }
body.has-dev-banner .apps-layout { top: 96px; }
@media (max-width: 768px) { @media (max-width: 768px) {
.dev-banner { padding: 0 48px 0 12px; font-size: 0.8rem; } .dev-banner { padding: 0 48px 0 12px; font-size: 0.8rem; }
body.has-dev-banner .sidebar { top: 96px; }
body.has-dev-banner .sidebar-container { top: 96px; }
body.has-dev-banner .mobile-drawer { top: 96px; height: calc(100vh - 96px); } body.has-dev-banner .mobile-drawer { top: 96px; height: calc(100vh - 96px); }
} }