aljaz/boris
1
1
Fork 0
mirror of https://github.com/dergigi/boris.git synced 2025-12-27 03:24:31 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: add safe area insets for symmetrical mobile button positioning

Browse Source 
- Add safe-area-inset-top/bottom/left/right to all mobile floating buttons
- Ensures proper spacing on devices with notches and home indicators
- Makes relay status indicator perfectly aligned with bookmark/highlights buttons
This commit is contained in:
Gigi
2025-10-13 09:23:17 +02:00
parent 9ffd06f5e3
commit 477308632b
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/index.css
View File

@@ -143,8 +143,8 @@ body.mobile-sidebar-open {
.mobile-hamburger-btn {
display: none;
position: fixed;
top: 1rem;
left: 1rem;
top: calc(1rem + env(safe-area-inset-top));
left: calc(1rem + env(safe-area-inset-left));
z-index: 900;
background: #2a2a2a;
border: 1px solid #444;
@@ -732,8 +732,8 @@ body.mobile-sidebar-open {
.mobile-highlights-btn {
display: none;
position: fixed;
top: 1rem;
right: 1rem;
top: calc(1rem + env(safe-area-inset-top));
right: calc(1rem + env(safe-area-inset-right));
z-index: 900;
background: #2a2a2a;
border: 1px solid #444;
@@ -3208,8 +3208,8 @@ body.mobile-sidebar-open {
display: flex;
align-items: center;
justify-content: center;
bottom: 1rem;
left: 1rem;
bottom: calc(1rem + env(safe-area-inset-bottom));
left: calc(1rem + env(safe-area-inset-left));
gap: 0;
}