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

Set multiselect checkbox to always-active state

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-19 16:09:56 +02:00
parent 09791551b8
commit 0b6a10cc74
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
patterns/multiselektions-pulldown.html
+2 -3
View File
@@ -29,12 +29,11 @@
<section class="sg-form-sections-card__chapter" aria-labelledby="multiselect-block-1"> <section class="sg-form-sections-card__chapter" aria-labelledby="multiselect-block-1">
<h2 id="multiselect-block-1" class="sg-strong sg-form-sections-card__chapter-title">Block 1</h2> <h2 id="multiselect-block-1" class="sg-strong sg-form-sections-card__chapter-title">Block 1</h2>
<label class="sg-checkbox-field-option sg-checkbox-field-option--inactive-selectable sg-body" data-component="checkbox-field" data-component-state="inactive-selectable" data-activatable="true"> <label class="sg-checkbox-field-option sg-body" data-component="checkbox-field" data-component-state="active">
<button class="sg-checkbox-field sg-checkbox-field--inactive-selectable" type="button" role="checkbox" aria-checked="false" aria-label="Checkbox 1 wählen" data-pulldown-option> <button class="sg-checkbox-field sg-form-active" type="button" role="checkbox" aria-checked="true" aria-label="Checkbox 1 gewählt" data-pulldown-option>
<span class="sg-checkbox-field__mark" aria-hidden="true">✓</span> <span class="sg-checkbox-field__mark" aria-hidden="true">✓</span>
</button> </button>
<span>Checkbox 1</span> <span>Checkbox 1</span>
<button class="sg-activatable-remove" type="button" aria-label="Checkbox 1 entfernen" data-checkbox-activate-remove hidden>×</button>
</label> </label>
<label class="sg-slider-row sg-slider-row--inactive-selectable" data-component="slider" data-component-state="inactive-selectable" data-activatable="true"> <label class="sg-slider-row sg-slider-row--inactive-selectable" data-component="slider" data-component-state="inactive-selectable" data-activatable="true">