MokoConsulting/MokoCassiopeia
1
1
Fork 0
Code Issues 2 Pull Requests Actions Packages Releases 1 Activity

Position a11y toolbar side by side with theme FAB

Browse Source 
When both are present, a11y toolbar sits at bottom-left and theme
FAB at bottom-right so they share the same row without overlapping.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-04 17:11:45 -05:00
parent 45b83761dc
commit a89fe55e3d
1 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/media/css/template.css
View File

@@ -17356,9 +17356,11 @@ html.a11y-pause-animations *::after {
right: 2.5rem; right: 2.5rem;
} }
/* When theme FAB is present, stack a11y toolbar above it */ /* When theme FAB is present, sit a11y toolbar to its left */
body[data-theme-fab-enabled="1"] #mokoA11yToolbar { body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
bottom: 5rem; right: auto;
left: 2.5rem;
bottom: 1rem;
} }
/* Toggle button */ /* Toggle button */