rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Restore: CSS exakt auf v1.1.0 + overscroll-behavior-y:none auf #page-content — SW by-v540

Browse source
This commit is contained in:
rene 2026-04-30 10:06:45 +02:00
parent 4a634fbbd1
commit c0a1b2e922
4 changed files with 25 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

3
backend/static/css/components.css
View file

@ -2590,7 +2590,8 @@ html.modal-open {
.rk-layout {
display: flex;
flex-direction: column;
min-height: 100dvh;
height: 100%;
overflow: hidden;
background: var(--c-bg);
}
.rk-header {

35
backend/static/css/layout.css
View file

@ -15,25 +15,24 @@
/* Content-Bereich: füllt den Raum zwischen Header und Bottom-Nav */
#page-content {
flex: 1;
min-height: 0;
overflow-y: auto;
overflow-x: hidden;
padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
flex: 1;
min-height: 0; /* iOS-Flex-Bug: ohne das scrollt body statt #page-content */
overflow-y: auto;
overflow-x: hidden;
padding-bottom: calc(var(--nav-bottom-height) + var(--safe-bottom) + 16px);
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: none; /* iOS-Bounce verhindert fixed-Nav-Drift */
overscroll-behavior-y: none; /* iOS: verhindert Bounce der nav driften lässt */
}
/* Desktop: Sidebar-Layout */
/* Desktop: Sidebar-Layout — kein Bottom-Nav, natürliche Höhe */
@media (min-width: 768px) {
#app {
flex-direction: row;
}
#page-content {
min-height: unset;
overscroll-behavior-y: auto;
padding-bottom: 0;
padding-left: var(--nav-sidebar-width);
min-height: unset;
padding-bottom: 0;
padding-left: var(--nav-sidebar-width);
}
}
@ -152,9 +151,16 @@
position: relative;
}
/* Routen: window-scroll (kein overflow:hidden), padding entfernt */
/* Routen: volle Höhe damit .rk-layout height:100% auflöst und
das Grid intern scrollt (nicht die gesamte Seite via #page-content) */
#page-routes {
height: 100%;
overflow: hidden;
}
#page-routes > .page-body {
padding: 0 !important;
padding: 0 !important;
overflow: hidden;
height: 100%;
}
/* ------------------------------------------------------------
@ -165,7 +171,8 @@
bottom: 0;
left: 0;
right: 0;
z-index: 700;
z-index: 700; /* über Leaflet-Panes (~400) */
/* GPU-Layer erzwingen → iOS Safari fixed-position Stabilität */
transform: translateZ(0);
-webkit-transform: translateZ(0);
will-change: transform;