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

Fix mobile overflow for tabs and help tooltips

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-26 08:52:53 +02:00
parent 770cafd6cf
commit 33921a3f6e
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
styles/10-components-interactive-elements.css
+9 -2
View File
@@ -1008,8 +1008,8 @@
left: 0; left: 0;
z-index: var(--layer-pulldown-panel); z-index: var(--layer-pulldown-panel);
display: none; display: none;
width: min(var(--layout-help-panel-width), calc(100dvw - (2 * var(--spacing-large)))); width: var(--layout-help-panel-width);
max-width: calc(100dvw - (2 * var(--spacing-large))); max-width: calc(100vw - (2 * var(--spacing-large)));
box-sizing: border-box; box-sizing: border-box;
overflow-wrap: anywhere; overflow-wrap: anywhere;
padding: var(--spacing-large); padding: var(--spacing-large);
@@ -1019,6 +1019,13 @@
box-shadow: var(--shadow-overlay); box-shadow: var(--shadow-overlay);
} }
@supports (width: 100dvw) {
.sg-help-icon-panel {
width: min(var(--layout-help-panel-width), calc(100dvw - (2 * var(--spacing-large))));
max-width: calc(100dvw - (2 * var(--spacing-large)));
}
}
.sg-help-icon-wrap[data-open="true"] .sg-help-icon-panel { .sg-help-icon-wrap[data-open="true"] .sg-help-icon-panel {
display: block; display: block;
} }
styles/32-patterns-card-group-keyboard-nav.css
+3 -1
View File
@@ -44,6 +44,8 @@
) )
/ var(--sg-tab-mobile-row-slots, 1) / var(--sg-tab-mobile-row-slots, 1)
); );
min-width: max-content; min-width: 0;
white-space: normal;
overflow-wrap: anywhere;
} }
} }