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

Reduce inline padding for large tab navigation on small viewports

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-19 10:08:34 +02:00
parent b9140728d3
commit d5d72424a9
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
semantic-tokens-components.html
+1 -1
View File
@@ -80,7 +80,7 @@
<tr><td>surface-tab-compact-unselected</td><td>color-medium-grey</td><td>Fläche nicht aktiver Tabs in der kompakten Variante.</td></tr> <tr><td>surface-tab-compact-unselected</td><td>color-medium-grey</td><td>Fläche nicht aktiver Tabs in der kompakten Variante.</td></tr>
<tr><td>text-tab-selected</td><td>color-font-light</td><td>Textfarbe des ausgewählten Tabs.</td></tr> <tr><td>text-tab-selected</td><td>color-font-light</td><td>Textfarbe des ausgewählten Tabs.</td></tr>
<tr><td>text-tab-unselected</td><td>color-dark-grey</td><td>Textfarbe nicht ausgewählter Tabs.</td></tr> <tr><td>text-tab-unselected</td><td>color-dark-grey</td><td>Textfarbe nicht ausgewählter Tabs.</td></tr>
<tr><td>layout-tab-navigation-large-padding-inline</td><td>interaction-padding-horizontal</td><td>Horizontaler Innenabstand für große Tab-Navigationen.</td></tr> <tr><td>layout-tab-navigation-large-padding-inline</td><td>interaction-padding-horizontal</td><td>Horizontaler Innenabstand für große Tab-Navigationen (auf kleinen Viewports reduziert).</td></tr>
</tbody></table> </tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Form Controls</h3> <h3 class="sg-sub-heading sg-section-h3">Form Controls</h3>
styleguide.css
+1 -1
View File
@@ -262,7 +262,7 @@ body {
@media (max-width: 48rem) { @media (max-width: 48rem) {
:root { :root {
--layout-tab-navigation-large-padding-inline: 0.8rem; --layout-tab-navigation-large-padding-inline: 0.7rem;
} }
body { body {