cjw/Oxicloud
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

fix(templates): ensure template use frontend css

Browse Source 
this fix the nextcloud login + drive selector (chroot)
    fix also invitation / magic link

    also correct the UX: once user has logged in nextcloud, show an explicita page
This commit is contained in:
Edouard Vanbelle
2026-07-12 21:07:34 +02:00
parent f854da30f0
commit 230927a80e
12 changed files with 352 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
templates/magic_link/page_cross_browser_confirm.html
+10 -14
View File
@@ -6,23 +6,19 @@
<meta name="color-scheme" content="light dark">
<title>OxiCloud</title>
<link rel="icon" type="image/svg+xml" href="/logo/logo-plain.svg">
<script src="/js/core/theme-init.js"></script>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/views/auth.css">
<link rel="stylesheet" href="/askama-common.css">
<style>
/* Cross-browser prompt is the one magic-link page that needs a
"warning" callout that auth.css doesn't ship. Inline because the
shape is unique to this surface — keep the styling local rather
than adding tokens that no other page reuses. */
/* Cross-browser prompt overrides `.magic-note` with a warning
treatment — this is the only page where the note should shout.
Tokens come from the shared design system (variables.css) via
askama-common.css above; both are the canonical warning names
(`--color-warning-bg` / `--color-warning-border`), replacing the
pre-SPA-migration placeholders `--color-warning-bg-light` /
`--color-warning-text-amber` which never existed. */
.magic-note {
background: var(--color-warning-bg-light);
border-left: 3px solid var(--color-warning-text-amber);
background: var(--color-warning-bg);
border-left: 3px solid var(--color-warning-border);
color: var(--color-text);
padding: 0.75em 1em;
margin: 1.5em 0;
border-radius: 8px;
font-size: 0.95em;
text-align: left;
}
</style>
</head>
templates/magic_link/page_expired_or_used.html
+1 -3
View File
@@ -6,9 +6,7 @@
<meta name="color-scheme" content="light dark">
<title>OxiCloud</title>
<link rel="icon" type="image/svg+xml" href="/logo/logo-plain.svg">
<script src="/js/core/theme-init.js"></script>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/views/auth.css">
<link rel="stylesheet" href="/askama-common.css">
</head>
<body>
<div class="auth-container">
templates/magic_link/page_generic_error.html
+1 -3
View File
@@ -6,9 +6,7 @@
<meta name="color-scheme" content="light dark">
<title>OxiCloud</title>
<link rel="icon" type="image/svg+xml" href="/logo/logo-plain.svg">
<script src="/js/core/theme-init.js"></script>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/views/auth.css">
<link rel="stylesheet" href="/askama-common.css">
</head>
<body>
<div class="auth-container">
templates/magic_link/page_resend_confirmation.html
+1 -3
View File
@@ -6,9 +6,7 @@
<meta name="color-scheme" content="light dark">
<title>OxiCloud</title>
<link rel="icon" type="image/svg+xml" href="/logo/logo-plain.svg">
<script src="/js/core/theme-init.js"></script>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/views/auth.css">
<link rel="stylesheet" href="/askama-common.css">
</head>
<body>
<div class="auth-container">
templates/nextcloud/drive_picker.html
+1 -3
View File
@@ -6,9 +6,7 @@
<meta name="color-scheme" content="light dark">
<title>Choose a drive - OxiCloud</title>
<link rel="icon" type="image/svg+xml" href="/logo/logo-plain.svg">
<script src="/js/core/theme-init.js"></script>
<link rel="stylesheet" href="/css/main.css">
<link rel="stylesheet" href="/css/views/auth.css">
<link rel="stylesheet" href="/askama-common.css">
</head>
<body>
<div class="auth-container">