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

Add Multiselektionspulldown pattern based on form sections structure

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-19 13:31:26 +02:00
parent ce249c2730
commit ba31de8870
4 changed files with 293 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
semantic-tokens-patterns.html
+12
View File
@@ -47,6 +47,18 @@
<tr><td>surface-object-card-lower-segment</td><td>color-white</td><td>Hintergrundfläche der unteren zwei Segmente der Object Card.</td></tr>
</tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Multiselektionspulldown</h3>
<table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Pattern</th></tr></thead><tbody>
<tr><td>surface-multiselect-pulldown</td><td>color-light-grey</td><td>Grundfläche des geöffneten Kennzahlen-Panels.</td></tr>
<tr><td>surface-multiselect-pulldown-shell</td><td>color-light-grey</td><td>Grundfläche der oberen Trigger-/Suche-Zeile.</td></tr>
<tr><td>surface-multiselect-pulldown-control</td><td>surface-control-default</td><td>Alias auf Standard-Control-Fläche innerhalb des Patterns.</td></tr>
<tr><td>surface-multiselect-pulldown-control-selected</td><td>surface-control-active</td><td>Alias auf aktive Control-Fläche innerhalb des Patterns.</td></tr>
<tr><td>text-multiselect-pulldown-default</td><td>text-control-default</td><td>Alias auf Standard-Textfarbe im Pattern.</td></tr>
<tr><td>text-multiselect-pulldown-muted</td><td>text-control-disabled</td><td>Alias auf reduzierte Textfarbe für deaktivierte Zeilen.</td></tr>
<tr><td>layout-multiselect-pulldown-width</td><td>dimension-multiselect-pulldown-width</td><td>Fixe Panelbreite für die geöffnete Desktop-Darstellung.</td></tr>
<tr><td>layout-multiselect-pulldown-row-label-width</td><td>dimension-multiselect-pulldown-row-label-width</td><td>Breite der linken Label-Spalte im Panel.</td></tr>
</tbody></table>
<h3 class="sg-sub-heading sg-section-h3">Navigation Card</h3>
<table class="sg-foundation-table sg-table-label"><thead><tr><th>Semantischer Token</th><th>Verwendeter Foundation-Token</th><th>Beschreibung Verwendungszweck im Pattern</th></tr></thead><tbody>
<tr><td>surface-navigation-card</td><td>color-white</td><td>Grundfläche der Navigation Card.</td></tr>