doxa-life/doxa-maps
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

The legend collapse caret stops turning when the reader asks for reduced motion

Browse source 
The caret (C11) and the reduced-motion gate were written in parallel, and only together did the gap
show: the new caret animates its arrow (transform 0.18s) and its colours with no reduced-motion rule.
The rule sits in the useShadowStyles string, where a shadow root can see it. The arrow still flips
to the right direction; it only stops turning on the way there.
This commit is contained in:
Doxa Maps 2026-09-29 00:49:13 +00:00
parent c5c01deada
commit a2540d9e73
1 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
library/components/legends/LegendCollapseCaret.vue
View file

@ -65,6 +65,11 @@ useShadowStyles(`
LegendDesktop never had — additive :dir(rtl) overrides, as in VerticalTabsLayout and STL. */
.legend-collapse-caret:dir(rtl) svg { transform: rotate(180deg); }
.legend-collapse-caret--open:dir(rtl) svg { transform: rotate(0deg); }
/* Reduced motion: the arrow still flips, it just does not turn on the way there. */
@media (prefers-reduced-motion: reduce) {
.legend-collapse-caret, .legend-collapse-caret svg { transition: none !important; }
}
`, 'legend-collapse-caret')
</script>