mag/Helpddesk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added support for legacy tickets, fixed switching of modes and also style updates

Browse Source
This commit is contained in:
Mark Gregory
2026-09-28 15:37:13 +01:00
parent cb98e67e04
commit 912c120299
2 changed files with 169 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Modules/Documentation/Resources/assets/css/app.css
+59 -20
View File
@@ -684,26 +684,65 @@ html.dark .doc-content code {
.doc-pagination nav span[aria-disabled="true"] > span { color: #697180 !important; cursor: not-allowed; }
.doc-pagination nav svg { width: 1rem; height: 1rem; }
/* Appearance integration: every Documentation surface follows the root switch. */
html:not(.dark) body.documentation-module { background:#f4f6f8; }
html:not(.dark) .doc-hero {
color:#111827;
background:linear-gradient(135deg,#ffffff 0%,#f8fafc 48%,#eef4ff 100%);
/* Appearance switch integration. The Documentation module is hosted inside the
backend layout, so scope appearance to its module root rather than <body>. */
[dusk="documentation-module"] {
--doc-ink: #18181b;
--doc-muted: #71717a;
--doc-line: #e4e4e7;
--doc-panel: #ffffff;
--doc-soft: #f4f4f5;
color: var(--doc-ink);
}
html:not(.dark) .doc-hero h1 { color:#111827; }
html:not(.dark) .doc-eyebrow { color:#41658f; }
html:not(.dark) .doc-hero p { color:#667085; }
html:not(.dark) .doc-hero-wrap,
html:not(.dark) .doc-card { background:#ffffff; border-color:#d8dee7; }
html:not(.dark) .doc-card-header { border-color:#e2e8f0; }
html.dark body.documentation-module { background:#0b0e13; }
html.dark .doc-hero-wrap,
html.dark .doc-card { background:var(--doc-panel); border-color:var(--doc-line); }
html.dark .doc-hero {
color:#ffffff;
background:linear-gradient(135deg,#020617 0%,#0f172a 48%,#172554 100%);
.dark [dusk="documentation-module"] {
--doc-ink: #f4f4f5;
--doc-muted: #a1a1aa;
--doc-line: #3f3f46;
--doc-panel: #18181b;
--doc-soft: #09090b;
}
:root:not(.dark) [dusk="documentation-module"] .doc-hero {
background: linear-gradient(135deg, #ffffff 0%, #f8fafc 52%, #eef2ff 100%);
color: #18181b;
border-color: #e4e4e7;
}
:root:not(.dark) [dusk="documentation-module"] .doc-hero h1 { color: #18181b; }
:root:not(.dark) [dusk="documentation-module"] .doc-eyebrow { color: #475569; }
:root:not(.dark) [dusk="documentation-module"] .doc-hero p { color: #52525b; }
.dark [dusk="documentation-module"] .doc-hero {
background: linear-gradient(135deg, #020617 0%, #0f172a 48%, #172554 100%);
color: #ffffff;
}
[dusk="documentation-module"] .doc-card,
[dusk="documentation-module"] .doc-card-body,
[dusk="documentation-module"] .doc-card-header,
[dusk="documentation-module"] table,
[dusk="documentation-module"] thead,
[dusk="documentation-module"] tbody,
[dusk="documentation-module"] tr,
[dusk="documentation-module"] td,
[dusk="documentation-module"] th {
color: var(--doc-ink);
border-color: var(--doc-line);
}
[dusk="documentation-module"] .doc-card { background: var(--doc-panel); }
[dusk="documentation-module"] .doc-muted { color: var(--doc-muted); }
.dark [dusk="documentation-module"] input,
.dark [dusk="documentation-module"] textarea,
.dark [dusk="documentation-module"] select {
background: #09090b;
color: #f4f4f5;
border-color: #3f3f46;
}
:root:not(.dark) [dusk="documentation-module"] input,
:root:not(.dark) [dusk="documentation-module"] textarea,
:root:not(.dark) [dusk="documentation-module"] select {
background: #ffffff;
color: #18181b;
border-color: #d4d4d8;
}
html.dark .doc-hero h1 { color:#ffffff; }
html.dark .doc-eyebrow { color:#bfdbfe; }
html.dark .doc-hero p { color:rgba(219,234,254,.9); }