mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 21:21:10 +02:00
46c03e6a5b
Reader page is now a proper distraction-free reading surface instead of a padded card inside the (app) layout. Layout: - .detail-shell breaks out of the (app) layout's padded + max-width container via the 100vw + negative-margin-X trick, and additionally cancels the vertical padding (<main pt-2> + inner py-2) plus the bottom-chrome reservation. The reader theme therefore paints edge-to-edge including behind the PillNav. No more island-in-a-sea look. - Initial theme (light/sepia/dark) mirrors the global Mana theme at mount time by checking document.documentElement.classList.dark — so opening an article from a dark-mode app no longer flashes a white reader. User can still override per-article via the swatches. Toolbar unification: - Old two-bar layout (top: back + typography, bottom: actions) fused into one floating pill-bar at the bottom. Three groups divided by vertical rules: nav | typography | actions. flex-wrap handles narrow screens gracefully. - position: fixed + bottom: calc(--bottom-chrome-height + 1rem) so the bar floats above Mana's PillNav without overlap. The CSS var comes from <main>'s style attribute and cascades even into fixed descendants. - backdrop-filter: blur(10px) + theme-specific semi-transparent background so the bar feels aerial, not docked. - Custom CSS tooltips on every button (data-tip attribute + ::after pseudo). Replaces the native `title` attribute which has a ~1s delay and inherits OS chrome. Tooltip bubble colors adapt to the active reader theme. aria-label stays for screen-readers. - Active-state swatches get an outline-ring instead of a background- swap so the chip color stays visible as a theme-preview. Spacing: - meta-bar margin-top: 1.5rem → 4rem — clearer separation between the viewport edge and the article title. - ReaderView padding-bottom: 4rem → 14rem — last paragraph no longer visually attaches to the floating bar when scrolled to the end; there's a proper "you've reached the end" gap. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| api | ||
| calc/packages/shared | ||
| calendar | ||
| cards | ||
| chat | ||
| citycorners | ||
| contacts | ||
| context | ||
| docs | ||
| food | ||
| guides | ||
| inventory | ||
| mana | ||
| manavoxel | ||
| memoro | ||
| moodlit | ||
| mukke | ||
| news | ||
| photos | ||
| picture | ||
| plants | ||
| presi | ||
| questions | ||
| quotes/packages/content | ||
| skilltree | ||
| storage | ||
| times | ||
| todo | ||
| traces | ||
| uload | ||