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

Remove nested filter pulldowns from activatable pulldown panel

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-25 07:51:58 +02:00
parent dee4ce5f55
commit cdfa2fe7de
1 changed files with 0 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/interactive-elements.html
-36
View File
@@ -159,42 +159,6 @@
Cross-dependencies between pulldowns are application logic and are not defined in this component. Cross-dependencies between pulldowns are application logic and are not defined in this component.
--> -->
<!--
Inactive filter rows:
These rows are intentionally dimmed with disabled-opacity although they are still operable.
They are not HTML-disabled.
First click on the row or change in the select activates the row and keeps the preselected value.
The remove button returns the row to the inactive preselection state.
This is a component-specific inactive state, not the same as form-disabled.
-->
<div class="sg-pulldown-panel__row sg-pulldown-panel__row--disabled" data-pulldown-filter-row data-active="false" data-component-part="pulldown-filter-row">
<p class="sg-pulldown-panel__label sg-body">Gesamtscore</p>
<select class="sg-interaction-element sg-pulldown" aria-label="Inaktiver Filter">
<option selected>Min +10%</option>
<option>Min +20%</option>
<option>Min +30%</option>
</select>
<button class="sg-pulldown-panel__remove" type="button" aria-label="Filter entfernen" hidden>
×
</button>
</div>
<div class="sg-pulldown-panel__row sg-pulldown-panel__row--disabled" data-pulldown-filter-row data-active="false" data-component-part="pulldown-filter-row">
<p class="sg-pulldown-panel__label sg-body">Aktienbewertung</p>
<select class="sg-interaction-element sg-pulldown" aria-label="Inaktiver Filter">
<option selected>Min +10%</option>
<option>Min +20%</option>
<option>Min +30%</option>
</select>
<button class="sg-pulldown-panel__remove" type="button" aria-label="Filter entfernen" hidden>
×
</button>
</div>
<div class="sg-checkbox-field-list sg-pulldown-panel__checkbox-list" aria-label="Checkboxen im Pulldown"> <div class="sg-checkbox-field-list sg-pulldown-panel__checkbox-list" aria-label="Checkboxen im Pulldown">
<label class="sg-checkbox-field-option sg-body" data-component="checkbox-field" data-component-state="inactive-selectable"> <label class="sg-checkbox-field-option sg-body" data-component="checkbox-field" data-component-state="inactive-selectable">
<button class="sg-checkbox-field sg-checkbox-field--on-grey sg-checkbox-field--inactive-selectable" type="button" role="checkbox" aria-checked="false" aria-label="Checkbox 1" data-pulldown-option> <button class="sg-checkbox-field sg-checkbox-field--on-grey sg-checkbox-field--inactive-selectable" type="button" role="checkbox" aria-checked="false" aria-label="Checkbox 1" data-pulldown-option>