Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-07-08 01:28:13 -07:00
Code Issues Packages Projects Releases Wiki Activity

style: fix padding compensation and light theme border on nav active states

Browse Source
This commit is contained in:
James Smith
2026-04-13 21:01:34 +01:00
parent c92521fd3a
commit c70b76cb0d
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/css/core/layout.css
+6 -3
View File
@@ -749,7 +749,6 @@
.mode-nav-btn.active { .mode-nav-btn.active {
background: var(--accent-cyan-glow); background: var(--accent-cyan-glow);
color: var(--text-primary); color: var(--text-primary);
border-color: transparent;
border-left: 2px solid var(--accent-cyan); border-left: 2px solid var(--accent-cyan);
box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2); box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2);
padding-left: 12px; /* compensate for 2px border */ padding-left: 12px; /* compensate for 2px border */
@@ -858,9 +857,9 @@
.mode-nav-dropdown.has-active .mode-nav-dropdown-btn { .mode-nav-dropdown.has-active .mode-nav-dropdown-btn {
background: var(--accent-cyan-glow); background: var(--accent-cyan-glow);
color: var(--text-primary); color: var(--text-primary);
border-color: transparent;
border-left: 2px solid var(--accent-cyan); border-left: 2px solid var(--accent-cyan);
box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2); box-shadow: -2px 0 8px rgba(74, 163, 255, 0.2);
padding-left: 12px;
} }
.mode-nav-dropdown.has-active .mode-nav-dropdown-btn .nav-icon { .mode-nav-dropdown.has-active .mode-nav-dropdown-btn .nav-icon {
@@ -1115,11 +1114,15 @@ a.nav-dashboard-btn:hover {
} }
[data-theme="light"] .mode-nav-dropdown-btn:hover, [data-theme="light"] .mode-nav-dropdown-btn:hover,
[data-theme="light"] .mode-nav-dropdown.open .mode-nav-dropdown-btn, [data-theme="light"] .mode-nav-dropdown.open .mode-nav-dropdown-btn {
background: rgba(31, 95, 168, 0.06);
}
[data-theme="light"] .mode-nav-dropdown.has-active .mode-nav-dropdown-btn { [data-theme="light"] .mode-nav-dropdown.has-active .mode-nav-dropdown-btn {
background: rgba(31, 95, 168, 0.06); background: rgba(31, 95, 168, 0.06);
border-left: 2px solid var(--accent-cyan); border-left: 2px solid var(--accent-cyan);
box-shadow: -2px 0 6px rgba(31, 95, 168, 0.12); box-shadow: -2px 0 6px rgba(31, 95, 168, 0.12);
padding-left: 12px;
} }
[data-theme="light"] .mode-nav-dropdown-menu { [data-theme="light"] .mode-nav-dropdown-menu {