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

Merge duplicate sandwich menu object tokens

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-19 08:50:09 +02:00
parent 80ff4b7972
commit 893110b459
2 changed files with 6 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
semantic-tokens-components.html
+3 -6
View File
@@ -107,10 +107,8 @@
<tr><td>layout-pulldown-padding-inline</td><td>compact-interaction-padding-horizontal</td><td>Innenabstand links für Pulldown-Trigger und Select-Felder.</td></tr>
<tr><td>layout-pulldown-chevron-offset</td><td>compact-interaction-padding-horizontal</td><td>Rechter Innenabstand des Chevron-Icons im Pulldown.</td></tr>
<tr><td>layout-pulldown-chevron-reserved-space</td><td>spacing-large</td><td>Reservierte Breite zwischen Pulldown-Text und rechtem Chevron-Bereich.</td></tr>
<tr><td>surface-menu-panel-portal</td><td>color-light-grey</td><td>Fläche des Portal-Sandwich-Menü-Panels (groß).</td></tr>
<tr><td>surface-menu-panel-object</td><td>color-light-grey</td><td>Fläche des Objekt-Sandwich-Menü-Panels (klein).</td></tr>
<tr><td>text-menu-link-portal</td><td>color-font-dark</td><td>Linktextfarbe im Portal-Sandwich-Menü.</td></tr>
<tr><td>text-menu-link-object</td><td>color-font-dark</td><td>Linktextfarbe im Objekt-Sandwich-Menü.</td></tr>
<tr><td>surface-menu-panel-portal</td><td>color-light-grey</td><td>Fläche des Sandwich-Menü-Panels für große und kleine Variante.</td></tr>
<tr><td>text-menu-link-portal</td><td>color-font-dark</td><td>Linktextfarbe im Sandwich-Menü für große und kleine Variante.</td></tr>
</tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Toggle / Checkbox / Radio / Help</h3>
@@ -129,8 +127,7 @@
<tr><td>text-help-icon</td><td>color-font-dark</td><td>Textfarbe im Help-Icon.</td></tr>
<tr><td>text-help-panel</td><td>color-font-dark</td><td>Textfarbe im Help-Panel.</td></tr>
<tr><td>layout-help-panel-width</td><td>calc(interaction-height * 8)</td><td>Standardbreite des Help-Panels.</td></tr>
<tr><td>icon-sandwich-line-portal</td><td>color-font-dark</td><td>Linienfarbe des Portal-Sandwich-Icons (groß).</td></tr>
<tr><td>icon-sandwich-line-object</td><td>color-font-dark</td><td>Linienfarbe des Objekt-Sandwich-Icons (klein).</td></tr>
<tr><td>icon-sandwich-line-portal</td><td>color-font-dark</td><td>Linienfarbe des Sandwich-Icons für große und kleine Variante.</td></tr>
</tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Slider</h3>
styleguide.css
+3 -6
View File
@@ -56,7 +56,6 @@
--surface-toggle-track: var(--color-medium-grey);
--surface-toggle-handle: var(--color-darkblue);
--surface-menu-panel-portal: var(--color-light-grey);
--surface-menu-panel-object: var(--color-light-grey);
--surface-help-icon: var(--color-medium-grey);
--surface-help-panel: var(--color-light-grey);
--surface-pulldown-panel: var(--color-light-grey);
@@ -86,13 +85,11 @@
--text-tab-selected: var(--color-font-light);
--text-tab-unselected: var(--color-dark-grey);
--text-menu-link-portal: var(--color-font-dark);
--text-menu-link-object: var(--color-font-dark);
--text-help-icon: var(--color-font-dark);
--text-help-panel: var(--color-font-dark);
--text-hyperlink: var(--color-font-hyperlink);
--icon-pulldown-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M2 2l4 4 4-4' fill='none' stroke='currentColor' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
--icon-sandwich-line-portal: var(--color-font-dark);
--icon-sandwich-line-object: var(--color-font-dark);
--icon-radio-mark: var(--color-font-dark);
/* Semantic component tokens: Charts */
@@ -981,7 +978,7 @@ section + section {
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__line {
height: calc(var(--sandwich-line-height) - 1px);
background: var(--icon-sandwich-line-object);
background: var(--icon-sandwich-line-portal);
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-button__icon {
@@ -1013,7 +1010,7 @@ section + section {
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-menu-panel {
background: var(--surface-menu-panel-object);
background: var(--surface-menu-panel-portal);
}
.sg-sandwich-menu-wrap[data-open="true"] .sg-sandwich-menu-panel {
@@ -1030,7 +1027,7 @@ section + section {
}
.sg-sandwich-menu-wrap[data-component-size="small"] .sg-sandwich-menu-link {
color: var(--text-menu-link-object);
color: var(--text-menu-link-portal);
}
.sg-sandwich-menu-wrap[data-align="left"] .sg-sandwich-menu-panel {