Invario/Inventarsystem
3
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases 24 Wiki Activity

Enhance safe area support for iOS devices: update CSS for navbar and body to respect safe area insets and improve layout on mobile screens

Browse Source
This commit is contained in:
AIIrondev
2026-04-22 16:25:45 +02:00
parent 2b8bf0b7d5
commit 4991587d99
2 changed files with 67 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Web/templates/base.html
+8 -2
View File
@@ -169,13 +169,19 @@
background-color: var(--module-primary-color) !important;
position: sticky;
top: 0;
padding-top: env(safe-area-inset-top, 0); /* iOS Safe Area */
/* iOS Safe Area insets for notches and rounded corners */
padding-top: env(safe-area-inset-top, 0);
padding-left: env(safe-area-inset-left, 0);
padding-right: env(safe-area-inset-right, 0);
z-index: 1900;
}
.navbar .container-fluid {
gap: 10px;
padding-bottom: env(safe-area-inset-bottom, 0); /* Fallback */
/* Ensure container respects safe areas on all sides */
padding-left: max(env(safe-area-inset-left, 0), 16px);
padding-right: max(env(safe-area-inset-right, 0), 16px);
padding-bottom: env(safe-area-inset-bottom, 0);
}
.navbar-brand {