gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Harden help overlay viewport fit on small iOS screens

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-26 08:47:12 +02:00
parent 98b2c8cb31
commit 770cafd6cf
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+5 -1
View File
@@ -458,8 +458,12 @@
return; return;
} }
const viewportWidth = window.visualViewport
? window.visualViewport.width
: window.innerWidth;
const panelRect = panel.getBoundingClientRect(); const panelRect = panel.getBoundingClientRect();
if (panelRect.right > window.innerWidth) { if (panelRect.right > viewportWidth) {
wrap.dataset.align = 'right'; wrap.dataset.align = 'right';
} }
styles/10-components-interactive-elements.css
+3 -2
View File
@@ -1008,9 +1008,10 @@
left: 0; left: 0;
z-index: var(--layer-pulldown-panel); z-index: var(--layer-pulldown-panel);
display: none; display: none;
width: var(--layout-help-panel-width); width: min(var(--layout-help-panel-width), calc(100dvw - (2 * var(--spacing-large))));
max-width: calc(100vw - (2 * var(--spacing-large))); max-width: calc(100dvw - (2 * var(--spacing-large)));
box-sizing: border-box; box-sizing: border-box;
overflow-wrap: anywhere;
padding: var(--spacing-large); padding: var(--spacing-large);
border-radius: var(--radius-card); border-radius: var(--radius-card);
color: var(--text-help-panel); color: var(--text-help-panel);