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

Layout: Footer-Links absolut positioniert, Chips dichter am FAB

Browse source 
- .world-panel: bottom-padding 88→76px, position:relative als Anker
- .world-footer-links: position:absolute bottom:safe-area+4px —
  nimmt keinen Platz im Fluss mehr ein, klebt am unteren Bildschirmrand
- Chips sitzen jetzt näher am FAB, Hintergrundbild bekommt mehr Raum
- components.css ?v=1002, SW by-v1003, APP_VER 1003
This commit is contained in:
rene 2026-05-15 22:01:41 +02:00
parent a8c63e87da
commit d03e49800d
5 changed files with 10 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -8042,11 +8042,12 @@ svg.empty-state-icon {
flex-direction: column;
justify-content: space-between; /* Info oben, Chips unten */
padding: calc(env(safe-area-inset-top, 0px) + 58px) 14px
calc(env(safe-area-inset-bottom, 0px) + 88px);
calc(env(safe-area-inset-bottom, 0px) + 76px);
overflow-y: auto;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
overscroll-behavior-y: contain;
position: relative; /* Anker für absolut positionierte Footer-Links */
}
/* Content-Divs füllen den Panel und verteilen Top/Bottom */
@ -8207,8 +8208,11 @@ svg.empty-state-icon {
/* Footer-Links (Impressum / Die 100 / Datenschutz) */
.world-footer-links {
position: absolute;
bottom: calc(env(safe-area-inset-bottom, 0px) + 4px);
left: 0; right: 0;
text-align: center;
padding: 4px 0 0;
padding: 0;
}
.world-footer-links span {
font-size: 10px;