hiveiq-src/hiveops-aria
4
0
Fork 0
Code Issues 8 Pull Requests Actions 1 Packages Projects Releases Wiki Activity

style: remove bar-filters-active blue highlight from filter sidebar toggle bar
CD - Develop / build-and-deploy (push) Failing after 14m20s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Johannes
2026-06-16 21:38:04 -04:00
parent f7e5158446
commit 7e4b147db8
4 changed files with 4 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/DevicePosture.svelte
+1 -5
View File
@@ -200,7 +200,7 @@
<!-- LEFT: Collapsible filter sidebar --> <!-- LEFT: Collapsible filter sidebar -->
<div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}> <div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}>
<div class="filter-sidebar-toggle-bar" class:bar-filters-active={hasActiveFilters}> <div class="filter-sidebar-toggle-bar">
{#if !filterSidebarCollapsed} {#if !filterSidebarCollapsed}
<span class="filter-sidebar-title">Filters</span> <span class="filter-sidebar-title">Filters</span>
<div class="toggle-bar-right"> <div class="toggle-bar-right">
@@ -525,8 +525,6 @@
background: #eef2f7; background: #eef2f7;
flex-shrink: 0; min-height: 36px; flex-shrink: 0; min-height: 36px;
} }
.bar-filters-active { background: #dbeafe !important; border-bottom-color: #93c5fd !important; }
.bar-filters-active .filter-sidebar-title { color: #1e40af !important; }
.toggle-bar-right { display: flex; align-items: center; gap: 0.35rem; margin-left: auto; } .toggle-bar-right { display: flex; align-items: center; gap: 0.35rem; margin-left: auto; }
.filter-sidebar-title { font-size: var(--font-size-label); font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; } .filter-sidebar-title { font-size: var(--font-size-label); font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; }
.sidebar-stat-pill { font-size: var(--font-size-tiny); background: #e0e7ff; border: 1px solid #c7d2fe; color: #3730a3; border-radius: 10px; padding: 1px 8px; white-space: nowrap; } .sidebar-stat-pill { font-size: var(--font-size-tiny); background: #e0e7ff; border: 1px solid #c7d2fe; color: #3730a3; border-radius: 10px; padding: 1px 8px; white-space: nowrap; }
@@ -717,8 +715,6 @@
:global(.dark-mode) .content-frame { border-color: #374151; background: #1f2937; } :global(.dark-mode) .content-frame { border-color: #374151; background: #1f2937; }
:global(.dark-mode) .filter-sidebar { background: #1f2937; border-right-color: #374151; } :global(.dark-mode) .filter-sidebar { background: #1f2937; border-right-color: #374151; }
:global(.dark-mode) .filter-sidebar-toggle-bar { background: #111827; border-bottom-color: #374151; } :global(.dark-mode) .filter-sidebar-toggle-bar { background: #111827; border-bottom-color: #374151; }
:global(.dark-mode) .bar-filters-active { background: #1d4ed8 !important; border-bottom-color: #60a5fa !important; }
:global(.dark-mode) .bar-filters-active .filter-sidebar-title { color: #bfdbfe !important; }
:global(.dark-mode) .filter-sidebar-title { color: #9ca3af; } :global(.dark-mode) .filter-sidebar-title { color: #9ca3af; }
:global(.dark-mode) .sidebar-toggle-btn { border-color: #4b5563; color: #9ca3af; } :global(.dark-mode) .sidebar-toggle-btn { border-color: #4b5563; color: #9ca3af; }
:global(.dark-mode) .sidebar-toggle-btn:hover { background: #374151; } :global(.dark-mode) .sidebar-toggle-btn:hover { background: #374151; }
frontend/src/components/IocManagement.svelte
+1 -5
View File
@@ -158,7 +158,7 @@
<!-- LEFT: Filter sidebar --> <!-- LEFT: Filter sidebar -->
<div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}> <div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}>
<div class="filter-sidebar-toggle-bar" class:bar-filters-active={hasActiveFilters}> <div class="filter-sidebar-toggle-bar">
{#if !filterSidebarCollapsed} {#if !filterSidebarCollapsed}
<span class="filter-sidebar-title">Filters</span> <span class="filter-sidebar-title">Filters</span>
<div class="toggle-bar-right"> <div class="toggle-bar-right">
@@ -402,8 +402,6 @@
background: #eef2f7; background: #eef2f7;
flex-shrink: 0; min-height: 36px; flex-shrink: 0; min-height: 36px;
} }
.bar-filters-active { background: #dbeafe !important; border-bottom-color: #93c5fd !important; }
.bar-filters-active .filter-sidebar-title { color: #1e40af !important; }
.toggle-bar-right { display: flex; align-items: center; gap: 0.35rem; margin-left: auto; } .toggle-bar-right { display: flex; align-items: center; gap: 0.35rem; margin-left: auto; }
.filter-sidebar-title { font-size: var(--font-size-label); font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; } .filter-sidebar-title { font-size: var(--font-size-label); font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; }
.sidebar-stat-pill { font-size: var(--font-size-tiny); background: #e0e7ff; border: 1px solid #c7d2fe; color: #3730a3; border-radius: 10px; padding: 1px 8px; white-space: nowrap; } .sidebar-stat-pill { font-size: var(--font-size-tiny); background: #e0e7ff; border: 1px solid #c7d2fe; color: #3730a3; border-radius: 10px; padding: 1px 8px; white-space: nowrap; }
@@ -538,8 +536,6 @@
:global(.dark-mode) .content-frame { border-color: #374151; background: #1f2937; } :global(.dark-mode) .content-frame { border-color: #374151; background: #1f2937; }
:global(.dark-mode) .filter-sidebar { background: #1f2937; border-right-color: #374151; } :global(.dark-mode) .filter-sidebar { background: #1f2937; border-right-color: #374151; }
:global(.dark-mode) .filter-sidebar-toggle-bar { background: #111827; border-bottom-color: #374151; } :global(.dark-mode) .filter-sidebar-toggle-bar { background: #111827; border-bottom-color: #374151; }
:global(.dark-mode) .bar-filters-active { background: #1d4ed8 !important; border-bottom-color: #60a5fa !important; }
:global(.dark-mode) .bar-filters-active .filter-sidebar-title { color: #bfdbfe !important; }
:global(.dark-mode) .filter-sidebar-title { color: #9ca3af; } :global(.dark-mode) .filter-sidebar-title { color: #9ca3af; }
:global(.dark-mode) .sidebar-toggle-btn { border-color: #4b5563; color: #9ca3af; } :global(.dark-mode) .sidebar-toggle-btn { border-color: #4b5563; color: #9ca3af; }
:global(.dark-mode) .sidebar-toggle-btn:hover { background: #374151; } :global(.dark-mode) .sidebar-toggle-btn:hover { background: #374151; }
frontend/src/components/PrecursorAlerts.svelte
+1 -5
View File
@@ -196,7 +196,7 @@
<!-- LEFT: Collapsible filter sidebar --> <!-- LEFT: Collapsible filter sidebar -->
<div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}> <div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}>
<div class="filter-sidebar-toggle-bar" class:bar-filters-active={hasActiveFilters}> <div class="filter-sidebar-toggle-bar">
{#if !filterSidebarCollapsed} {#if !filterSidebarCollapsed}
<span class="filter-sidebar-title">Filters</span> <span class="filter-sidebar-title">Filters</span>
<div class="toggle-bar-right"> <div class="toggle-bar-right">
@@ -503,8 +503,6 @@
background: #eef2f7; background: #eef2f7;
flex-shrink: 0; min-height: 36px; flex-shrink: 0; min-height: 36px;
} }
.bar-filters-active { background: #dbeafe !important; border-bottom-color: #93c5fd !important; }
.bar-filters-active .filter-sidebar-title { color: #1e40af !important; }
.toggle-bar-right { display: flex; align-items: center; gap: 0.35rem; margin-left: auto; } .toggle-bar-right { display: flex; align-items: center; gap: 0.35rem; margin-left: auto; }
.filter-sidebar-title { font-size: var(--font-size-label); font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; } .filter-sidebar-title { font-size: var(--font-size-label); font-weight: 700; color: #374151; text-transform: uppercase; letter-spacing: 0.5px; }
.sidebar-stat-pill { font-size: var(--font-size-tiny); background: #e0e7ff; border: 1px solid #c7d2fe; color: #3730a3; border-radius: 10px; padding: 1px 8px; white-space: nowrap; } .sidebar-stat-pill { font-size: var(--font-size-tiny); background: #e0e7ff; border: 1px solid #c7d2fe; color: #3730a3; border-radius: 10px; padding: 1px 8px; white-space: nowrap; }
@@ -692,8 +690,6 @@
:global(.dark-mode) .content-frame { border-color: #374151; background: #1f2937; } :global(.dark-mode) .content-frame { border-color: #374151; background: #1f2937; }
:global(.dark-mode) .filter-sidebar { background: #1f2937; border-right-color: #374151; } :global(.dark-mode) .filter-sidebar { background: #1f2937; border-right-color: #374151; }
:global(.dark-mode) .filter-sidebar-toggle-bar { background: #111827; border-bottom-color: #374151; } :global(.dark-mode) .filter-sidebar-toggle-bar { background: #111827; border-bottom-color: #374151; }
:global(.dark-mode) .bar-filters-active { background: #1d4ed8 !important; border-bottom-color: #60a5fa !important; }
:global(.dark-mode) .bar-filters-active .filter-sidebar-title { color: #bfdbfe !important; }
:global(.dark-mode) .filter-sidebar-title { color: #9ca3af; } :global(.dark-mode) .filter-sidebar-title { color: #9ca3af; }
:global(.dark-mode) .sidebar-toggle-btn { border-color: #4b5563; color: #9ca3af; } :global(.dark-mode) .sidebar-toggle-btn { border-color: #4b5563; color: #9ca3af; }
:global(.dark-mode) .sidebar-toggle-btn:hover { background: #374151; } :global(.dark-mode) .sidebar-toggle-btn:hover { background: #374151; }
frontend/src/components/ThreatEvents.svelte
+1 -1
View File
@@ -160,7 +160,7 @@
<div class="page-body"> <div class="page-body">
<!-- Filter sidebar --> <!-- Filter sidebar -->
<div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}> <div class="filter-sidebar" class:sidebar-collapsed={filterSidebarCollapsed}>
<div class="filter-sidebar-toggle-bar" class:bar-filters-active={hasActiveFilters}> <div class="filter-sidebar-toggle-bar">
{#if !filterSidebarCollapsed} {#if !filterSidebarCollapsed}
<span class="filter-sidebar-title">Filters</span> <span class="filter-sidebar-title">Filters</span>
<div class="toggle-bar-right"> <div class="toggle-bar-right">