Sign-up server rules: Show different icon on toggle button when description is expanded (#38293)

This commit is contained in:
diondiondion
2026-03-19 11:58:59 +01:00
committed by GitHub
parent 2ce4529e1e
commit 43d66959aa
2 changed files with 7 additions and 1 deletions

View File

@@ -85,6 +85,11 @@ $fluid-breakpoint: $maximum-width + 20px;
display: none; display: none;
} }
&[aria-expanded='true'] .icon-expand,
&[aria-expanded='false'] .icon-collapse {
display: none;
}
.icon { .icon {
width: 1lh; width: 1lh;
height: 1lh; height: 1lh;

View File

@@ -4,5 +4,6 @@
.rules-list__hint{ tabIndex: -1 } .rules-list__hint{ tabIndex: -1 }
%span.rules-list__hint-text= rule_translation.hint %span.rules-list__hint-text= rule_translation.hint
%button.rules-list__toggle-button{ type: 'button', hidden: true, 'aria-expanded': 'false' } %button.rules-list__toggle-button{ type: 'button', hidden: true, 'aria-expanded': 'false' }
= material_symbol('more_horiz') = material_symbol('keyboard_arrow_up', { class: 'icon-collapse' })
= material_symbol('more_horiz', { class: 'icon-expand' })
%span.sr-only= t('auth.rules.read_more') %span.sr-only= t('auth.rules.read_more')