consolidate admin/public templates: common.css base in admin, nav partial, remove duplicate CSS

This commit is contained in:
Pontoporeia
2026-03-31 21:32:40 +02:00
parent f3f1e0e5fc
commit 3a42838cec
5 changed files with 34 additions and 80 deletions

View File

@@ -23,22 +23,7 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
$pageTitle = 'Connexion';
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Connexion Posterg Admin</title>
<link rel="icon" type="image/svg+xml" href="/assets/admin_favicon.svg">
<link rel="stylesheet" href="/assets/css/modern-normalize.min.css">
<link rel="stylesheet" href="/assets/css/admin.css">
</head>
<body class="admin-body">
<nav class="admin-nav" aria-label="Navigation admin">
<a href="/" class="admin-nav__logo" target="_blank" rel="noopener noreferrer">
<span aria-hidden="true">&#8592; </span>Posterg<span class="sr-only"> (site public, nouvel onglet)</span>
</a>
</nav>
<?php require_once APP_ROOT . '/templates/admin/head.php'; ?>
<div class="admin-login-wrap">
<div class="admin-login-box">
@@ -57,5 +42,5 @@ $pageTitle = 'Connexion';
</form>
</div>
</div>
</body>
</html>
<?php require_once APP_ROOT . '/templates/admin/footer.php'; ?>

View File

@@ -12,12 +12,6 @@
--admin-input-bg: transparent;
}
html, body {
margin: 0;
padding: 0;
height: 100%;
}
.admin-body {
display: flex;
flex-direction: column;
@@ -840,37 +834,7 @@ html, body {
ACCESSIBILITY UTILITIES
============================================================ */
/* Consistent keyboard-focus outline for admin interactive elements */
/* Admin-specific focus outline colour override */
:focus-visible {
outline: 2px solid var(--admin-purple);
outline-offset: 2px;
}
/* Skip-to-admin-content link */
.skip-link {
position: absolute;
top: -999px;
left: 1rem;
z-index: 9999;
padding: 0.5rem 1rem;
background: var(--admin-purple);
color: #fff;
font-size: 0.9rem;
font-weight: 600;
text-decoration: none;
border-radius: 0 0 4px 4px;
}
.skip-link:focus {
top: 0;
}
/* Respect user motion preferences */
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
}
outline-color: var(--admin-purple);
}