- Add explicit 3-column grid for desktop footer
- Switch to a 2+1 responsive layout under 768px
- Keep desktop-only 50px indent on tools list
- Balance the bottom 'about' list by flowing it into two columns on mobile
- Use solid #f3e9d0 for .poem light-mode background (average of 7% papere.jpg overlay)
- Refined dark mode color palette
- 18px border-radius (12px on mobile) for #main/.poem/.sitem
- Golden 1px border and shadow for #main/.poem/.sitem in dark mode
- Remove background-image, background-repeat, background-position,
background-size, background-attachment and background-blend-mode
from body, leaving only background-color
- Remove now-unused CSS vars: --damask-medallion, --damask-ground
and --page-pattern-size (light, dark and mobile override)
- Add design-token stylesheet (wwwroot/css/user-panel.css): CSS variables
derived from the existing p8.css palette (brand maroon, success/danger
colors, radius, shadow), plus reusable component classes (card, button
variants, alert, badge, empty state, pagination, list item, toast,
confirm modal). Includes a prefers-color-scheme dark block compatible
with the existing toggleColorScheme() mechanism in bk.js.
- Add wwwroot/js/user-panel.js: upConfirm() and upToast() helpers as
styled, promise-based replacements for window.confirm()/alert(),
falling back to the native dialogs if the modal/toast markup isn't
present on a page.
- Add Areas/User/Pages/Shared/ partials: _Pagination (wraps the
List<NameIdUrlImage> pattern already used by every list page),
_EmptyState, _Toasts and _ConfirmModal (hosts, included once by the
layout).
- Wire the new stylesheet/script and the toast/modal hosts into
_UserPanelLayout.cshtml.
- Refactor Notifications.cshtml as a first demonstration: replaces the
hand-rolled pagination loop, manual gray/lightsteelblue row
alternation, and confirm()/alert() calls with the new components.
No backend/API changes. Rest of the User area is untouched pending
Phase 1+ (nav/dashboard, forms, remaining list pages, moderation
queues, editors).
After changing the circled-number class's display property to inline-grid there was bug in showing circled numbers that didn't contain text (for example the one that points to the map section in the first page.). This commit fixes the bug.
