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

v03.09.16: brand-aside columns, offline page redesign, variable click-to-copy
Some checks failed
Repo Health / Access control (push) Failing after 1s
Details
Repo Health / Release configuration (push) Has been skipped
Details
Repo Health / Scripts governance (push) Has been skipped
Details
Repo Health / Repository health (push) Has been skipped
Details
Auto-Update SHA Hash / Update SHA-256 Hash in updates.xml (release) Failing after 40s
Details

Browse Source 
- Brand-aside position now uses flex columns like top-a (card style, equal-width)
- Offline page: external offline.css with theme variables, 3-column centered card
  layout, Osaka font loading, full-screen on mobile
- CSS variable click-to-copy: scans text for --var patterns, wraps in clickable
  chips with toast notification on copy
- Search button border matches input border (--input-border-color)
- mod_stats override: converted from dl to table layout
- Patch bump 03.09.15 → 03.09.16

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-16 00:56:20 -05:00
parent 3c9cd8383c
commit cb4468af19
10 changed files with 568 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -14233,6 +14233,28 @@ fieldset>* {
margin-inline-start: auto;
display: flex;
align-items: center;
gap: 1em;
}
.container-brand-aside>* {
flex: 1;
margin: 0.5em 0;
}
@media (max-width: 991.98px) {
.header-brand-wrap {
flex-direction: column;
align-items: stretch;
}
.container-brand-aside {
margin-inline-start: 0;
flex-direction: column;
}
.container-brand-aside>* {
flex: 0 1 auto;
}
}
.container-header .navbar-brand {
@@ -18659,7 +18681,7 @@ nav[data-toggle=toc] .nav-link.active+ul{
flex: 0 0 auto;
background-color: var(--color-primary, #112855);
color: var(--mainmenu-nav-link-color, #fff);
border-color: var(--color-primary, #112855);
border: 1px solid var(--input-border-color, #3a4250);
padding: 0.6rem 1rem;
border-radius: 0 0.25rem 0.25rem 0;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
@@ -18668,7 +18690,7 @@ nav[data-toggle=toc] .nav-link.active+ul{
.mod-finder__search.input-group button:hover,
.container-search button[type="submit"]:hover {
background-color: var(--color-hover, gray);
border-color: var(--color-hover, gray);
border-color: var(--input-border-color, #3a4250);
}
.mod-finder__search.input-group button:focus,
@@ -21637,6 +21659,33 @@ nav[data-toggle=toc] .nav-link.active+ul{
color: var(--gray-600, #48525d);
}
/* === mod_stats === */
.mod_stats__table {
width: 100%;
border-collapse: collapse;
}
.mod_stats__table tr {
border-bottom: 1px solid var(--border-color, #2b323b);
}
.mod_stats__table tr:last-child {
border-bottom: none;
}
.mod_stats__label {
text-align: start;
font-weight: 600;
padding: 0.6rem 1rem 0.6rem 0;
color: var(--body-font-color, #e6ebf1);
}
.mod_stats__data {
text-align: end;
padding: 0.6rem 0;
color: var(--gray-600, #48525d);
}
/* === Mobile Responsive Adjustments === */
@media (max-width: 575.98px) {
.mod-kunena-login__input {