Журнал изменений
Replace --sl-button-* variables with a full --sl-but-* semantic
set and introduce semantic button variants: neutral, primary, success,
danger, warning, accent, link. Each variant carries its own gradient,
border, text-shadow, and box-shadow tokens for consistent rendering.
Core changes:
- CSS variables (base.css):
- Rename/expand
--sl-button-*→--sl-but-*with 6 semantic color sets - Add shared shadow tokens:
--sl-but-border-shadow,--sl-but-shadow-control - Add tone tokens:
--sl-color-tone-*for text indicators - Button classes (theme.css):
- Replace old
sl-but-blue/sl-but-greenwith semantic variants Add
sl-but-neutral,sl-but-primary,sl-but-success,sl-but-danger,sl-but-warning,sl-but-accent- Remove duplicate selectors and dead
sl-pull-rightduplication sl-but-naviuses new link-button token set
Benefits:
- Semantic naming decouples visual color from component role
- New token set enables per-variant inner/outer border control
- Removes ~30 duplicate CSS selectors
Delete email-noscript.html fragment and anti_spam() which relied on the deprecated "mysi".AddMail() JS trick. Replace all 3 callers with htmlspecialchars() — required because view templates use {{{ email }}} raw output. The JS obfuscation provided no real protection in 2026.
Remove sl-i-fav link from layouts, Bookmark() JS function, _S_FAVORITEN constant from all lang files, and template variable from access/security exit handlers. Feature relied on deprecated browser APIs (window.sidebar, window.external.AddFavorite) that no longer work in modern browsers.
Reformatted all templates/*/.html files (layouts, pages, partials, fragments) in both lite and admin template sets. Only whitespace and line breaks changed — no logic, conditions, CSS classes, or HTML semantics were altered.
Replaces all sl-X_Y modifier class names with hyphen-separated sl-X-Y form across layouts, fragments, partials, and theme.css to establish consistent BEM naming, and adds sidebar/content grid structure to home layout.
Core changes:
- Templates (layouts/app.html, home.html, fragments, partials):
Rename ~25 class patterns: sl-top_contact → sl-top-contact, sl-d_pane → sl-d-pane, sl-i_yt/-tw/-vk/-rss → sl-i-yt/-tw/-vk/-rss, sl-f_title → sl-f-title, sl-grid_1_4 → sl-grid-1-4
- home.html: add #head-content wrapper and left/main/right sidebar grid inside sl-wrp
- CSS (theme.css, base.css):
- Update selectors to match renamed classes
- Add inline-flex + align-items to .sl-meta li and card meta elements
- Refine .sl-navi-lower-action to use token-based color/border overrides
- Config:
- global.php: switch default module from changelog to news; rotate sitekey
- local.php: reset to minimal defaults
Benefits:
- Consistent hyphen-only BEM convention eliminates underscore/hyphen mixing
- Sidebar grid in home layout enables left/right block slot rendering
- Card meta elements vertically aligned via flexbox
Record the completed responsive baseline work for lite/admin and add release notes for the verified browser audit. This keeps the current responsive changes, documents the closed baseline, and preserves the remaining non-blocking component backlog for future follow-up.
Core changes:
- Responsive baseline:
- lite mobile/tablet layout, menus, tables, comments, cards, media, and admin shells were verified in the browser
- authenticated admin pages were verified after login
- component-specific backlog remains outside the baseline scope
- Release notes:
- add docs/VERSIONS.md with the baseline closure note and verification summary
Benefits:
- documents the verified responsive state
- keeps the release history aligned with the audited browser result
Technical notes:
- no PHP logic changes
- no JS changes
- no AI attribution
Standalone HTML demo showcasing all .sl-loading variants (default, drift, and colour overrides) for visual reference during development.
Converts .sl-loading to a CSS-variable-driven component so colour and size variants require only token overrides, adds a four-dot drift animation variant, and modernises the monitor chart and stats CSS to match the new server-rendered SVG structure.
Core changes:
- Loading component (templates/admin/assets/css/theme.css):
- Introduce --sl-loading-core/soft/center/width/height/size/shadows-* tokens
- Re-base dot colour from --sl-color-primary-hover to --sl-color-success
- Add .sl-loading-drift variant — four dots, vertical float, 1.1 s ease-in-out
- Monitor widget styles (templates/admin/assets/css/theme.css):
- Tokenise font stack via --sl-monitor-font and size scale sm/md/lg/kpi/xl
- Swap .sl-t-label span dot to .sl-t-icon flex column with 50 px Bootstrap Icon
- Add .sl-t-content, .sl-t-sub for the new icon + content card structure
- Replace .sl-chart-path with .sl-chart-gridline (solid) and .sl-chart-vgrid (dashed)
Add .sl-chart-value-label, .sl-chart-axis-label, .sl-chart-tip, .sl-chart-day/.sl-chart-dayline/.sl-chart-focus/.sl-chart-hover-zone rules
- Set chart height 220 → 285 px, correct --sl-monitor-blue to --sl-color-primary
Benefits:
- Loading variants need only CSS token overrides — no duplicate animation keyframes
- Monitor font sizes are now a consistent token scale, easy to adjust globally
Swaps the hardcoded SVG block for the PHP-generated {{{ chartsvg }}} variable and restructures the four traffic stat cards to use icon + content columns aligned with the new CSS layout tokens.
Core changes:
- Monitor template (templates/admin/partials/basic-monitor.html):
- Replace inline SVG (paths, defs, gradients) with {{{ chartsvg }}} mustache triple
- Replace plain "Loading..." text with animated .sl-loading.sl-loading-drift spinner
Restructure .sl-t-item cards: add .sl-t-icon (Bootstrap Icon) + .sl-t-content wrapper
- Reorder stats: CPU · RAM · Upstream · Downstream (system metrics first)
- Add .sl-t-sub for secondary value line (freq, MB used, rate)