MokoConsulting/MokoOnyx
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Releases 2 Activity

fix: drawer toggles override btn-outline-secondary with !important

Browse Source 
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) <noreply@anthropic.com>
This commit is contained in:
Jonathan Miller
2026-04-23 23:29:39 +00:00
parent 89e255265d
commit 3340c00e26
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/media/css/template.css
View File

@@ -101,30 +101,34 @@ form {
width: 280px; width: 280px;
} }
.drawer-toggle-left{ button.drawer-toggle-left,
.drawer-toggle-left.btn {
position: fixed; position: fixed;
top: 50%; top: 50%;
left: 0px; left: 0px;
z-index: 1050; z-index: 1050;
background-color: var(--accent-color, var(--color-primary, #2a69b8)); background-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
color: var(--accent-color-text, #fff); color: var(--accent-color-text, #fff) !important;
border-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
padding-left: .5rem; padding-left: .5rem;
padding-right: .5rem; padding-right: .5rem;
border-top-left-radius: 0; border-top-left-radius: 0 !important;
border-bottom-left-radius: 0; border-bottom-left-radius: 0 !important;
} }
.drawer-toggle-right{ button.drawer-toggle-right,
.drawer-toggle-right.btn {
position: fixed; position: fixed;
top: 50%; top: 50%;
right: 0px; right: 0px;
z-index: 1050; z-index: 1050;
background-color: var(--accent-color, var(--color-primary, #2a69b8)); background-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
color: var(--accent-color-text, #fff); color: var(--accent-color-text, #fff) !important;
border-color: var(--accent-color, var(--color-primary, #2a69b8)) !important;
padding-left: .5rem; padding-left: .5rem;
padding-right: .5rem; padding-right: .5rem;
border-top-right-radius: 0; border-top-right-radius: 0 !important;
border-bottom-right-radius: 0; border-bottom-right-radius: 0 !important;
} }
hr { hr {