From 3340c00e262a1736e808710c4b9fabd14dad7dc8 Mon Sep 17 00:00:00 2001 From: Jonathan Miller Date: Thu, 23 Apr 2026 23:29:39 +0000 Subject: [PATCH] fix: drawer toggles override btn-outline-secondary with !important Bootstrap .btn-outline-secondary was overriding the accent color and border-radius. Use higher specificity + !important. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/media/css/template.css | 24 ++++++++++++++---------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/src/media/css/template.css b/src/media/css/template.css index c9751c2..11e008c 100644 --- a/src/media/css/template.css +++ b/src/media/css/template.css @@ -101,30 +101,34 @@ form { width: 280px; } -.drawer-toggle-left{ +button.drawer-toggle-left, +.drawer-toggle-left.btn { position: fixed; top: 50%; left: 0px; z-index: 1050; - background-color: var(--accent-color, var(--color-primary, #2a69b8)); - color: var(--accent-color-text, #fff); + background-color: var(--accent-color, var(--color-primary, #2a69b8)) !important; + color: var(--accent-color-text, #fff) !important; + border-color: var(--accent-color, var(--color-primary, #2a69b8)) !important; padding-left: .5rem; padding-right: .5rem; - border-top-left-radius: 0; - border-bottom-left-radius: 0; + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } -.drawer-toggle-right{ +button.drawer-toggle-right, +.drawer-toggle-right.btn { position: fixed; top: 50%; right: 0px; z-index: 1050; - background-color: var(--accent-color, var(--color-primary, #2a69b8)); - color: var(--accent-color-text, #fff); + background-color: var(--accent-color, var(--color-primary, #2a69b8)) !important; + color: var(--accent-color-text, #fff) !important; + border-color: var(--accent-color, var(--color-primary, #2a69b8)) !important; padding-left: .5rem; padding-right: .5rem; - border-top-right-radius: 0; - border-bottom-right-radius: 0; + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } hr {