Add module overrides with showtitle, fix footer and a11y positioning

New module overrides with showtitle support:
- mod_stats, mod_feed, mod_wrapper, mod_whosonline, mod_users_latest

Footer CSS:
- Each footer module now stacks full-width (flex-direction: column)
- Remove hardcoded padding-right: 300px inline style
- Dynamic footer padding-right based on theme FAB and a11y toolbar

Accessibility toolbar positioning:
- Toolbar now sits to the right of the theme FAB (bottom-right area)
- Shifts automatically when theme FAB is enabled via CSS attribute
  selectors on body data attributes

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-04 11:49:26 -05:00
parent 81e89db88c
commit 7f0737f1bb
12 changed files with 650 additions and 14 deletions

View File

@@ -13992,18 +13992,27 @@ meter {
color: var(--body-bg, #e6ebf1);
background-color: var(--nav-bg-color);
padding-left: 100px;
padding-right: 60px;
}
/* Increase footer right padding when floating controls are present */
body[data-theme-fab-enabled="1"] .footer {
padding-right: 220px;
}
body[data-theme-fab-enabled="1"][data-a11y-toolbar="1"] .footer {
padding-right: 420px;
}
.footer .grid-child {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
padding: 2.5rem 0.5em;
}
@@ -17241,15 +17250,17 @@ html.a11y-pause-animations *::after {
z-index: 1201;
display: flex;
flex-direction: column;
align-items: flex-start;
align-items: flex-end;
gap: .25rem;
font-family: inherit;
bottom: 1rem;
right: 2.5rem;
}
#mokoA11yToolbar.a11y-pos-tl { top: 1rem; left: 1rem; }
#mokoA11yToolbar.a11y-pos-tr { top: 1rem; right: 1rem; align-items: flex-end; }
#mokoA11yToolbar.a11y-pos-bl { bottom: 1rem; left: 1rem; }
#mokoA11yToolbar.a11y-pos-br { bottom: 1rem; right: 1rem; align-items: flex-end; }
/* When theme FAB is present, shift a11y toolbar to sit to its right */
body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
right: calc(2.5rem + 200px);
}
/* Toggle button */
.a11y-toggle {