quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Admin button active state and update Movies page title

Browse Source
This commit is contained in:
Mathieu Moran
2026-02-01 22:37:02 -05:00
parent d39e74ee9b
commit a524650b5e
2 changed files with 45 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/css/app.css
+44
View File
@@ -833,23 +833,67 @@ body.i18n-ready .navbar .btn {
color: #fff;
}
/* Override btn-warning for active state */
.navbar-custom .navbar-nav #admin-control-link.is-current {
background: rgba(255, 255, 255, 0.16) !important;
border-color: rgba(255, 255, 255, 0.55) !important;
}
.navbar-custom .navbar-nav .nav-link.btn.is-current:hover {
background: rgba(255, 255, 255, 0.22);
border-color: rgba(255, 255, 255, 0.65);
color: #fff;
}
/* Override btn-warning hover state */
.navbar-custom .navbar-nav #admin-control-link.is-current:hover {
background: rgba(255, 255, 255, 0.22) !important;
border-color: rgba(255, 255, 255, 0.65) !important;
}
/* Admin button current state in light mode - override btn-warning */
.navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current,
.navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current:focus {
background: rgba(255, 255, 255, 0.16) !important;
border-color: rgba(255, 255, 255, 0.55) !important;
}
.navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current:hover,
.navbar-custom .navbar-nav #admin-control-link.btn-warning.is-current:active {
background: rgba(255, 255, 255, 0.22) !important;
border-color: rgba(255, 255, 255, 0.65) !important;
}
html[data-theme="dark"] .navbar-custom .navbar-nav .nav-link.btn.is-current {
background: rgba(79, 124, 255, 0.22);
border-color: rgba(79, 124, 255, 0.58);
color: #fff;
}
/* Dark mode: Admin button active state */
html[data-theme="dark"] .navbar-custom .navbar-nav #admin-control-link.is-current {
background: rgba(79, 124, 255, 0.22) !important;
border-color: rgba(79, 124, 255, 0.58) !important;
}
html[data-theme="dark"] .navbar-custom .navbar-nav .nav-link.btn.is-current:hover {
background: rgba(79, 124, 255, 0.28);
border-color: rgba(79, 124, 255, 0.7);
}
/* Admin button current state in dark mode */
html[data-theme="dark"] .navbar-custom .navbar-nav #admin-control-link.is-current {
background-color: #0d6efd;
border-color: #0d6efd;
color: #fff;
}
html[data-theme="dark"] .navbar-custom .navbar-nav #admin-control-link.is-current:hover {
background-color: #0b5ed7;
border-color: #0b5ed7;
color: #fff;
}
/* The logo image has a bit of built-in left whitespace; nudge it back to align with page titles. */
.navbar-custom .navbar-brand img {
margin-left: -9px;
public/js/app_movies.js
+1 -1
View File
@@ -379,7 +379,7 @@ window.addEventListener('DOMContentLoaded', async function () {
}
const activeYear = await fetchActiveYear();
document.title = `Pool Oscars (${activeYear}) - Films`;
document.title = `Pool Oscars (${activeYear}) - Movies`;
const oscarYearEl = document.getElementById('oscar-year');
if (oscarYearEl) oscarYearEl.textContent = String(activeYear);