Merge pull request #52 from fleetbase/hotfix/sidebar-dark-nav-item-bt…

…n-styling fix the navbar nav item dropdown button hover style
fleetbase · May 17, 2024 · 910cd76 · 910cd76
2 parents 80f9296 + d95004f
commit 910cd76
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/addon/styles/layout/legacy.css b/addon/styles/layout/legacy.css
@@ -369,7 +369,7 @@ body[data-theme='dark'] .overlay-panel-section-title {
 
 #console-loader,
 .overloader {
-    @apply absolute inset-0 w-full h-full bg-gray-100 text-gray-800 flex items-center justify-center bg-opacity-10;
+    @apply absolute inset-0 w-full h-full text-gray-800 flex items-center justify-center bg-opacity-10;
     z-index: 9999999999;
 }
 

diff --git a/addon/styles/layout/next.css b/addon/styles/layout/next.css
@@ -1239,6 +1239,10 @@ body[data-theme='dark'] .next-sidebar .next-sidebar-panel-container > .next-side
     background-color: #ffffff;
 }
 
+body[data-theme="dark"] .next-sidebar .next-sidebar-panel-container > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item.next-nav-item-with-dropdown:hover .ember-basic-dropdown-trigger > span.btn-wrapper > button.btn:hover {
+    background-color: #374151;
+}
+
 .next-sidebar .next-sidebar-panel-container > .next-sidebar-panel > .next-content-panel > .next-content-panel-body .next-nav-item.next-nav-item-with-dropdown:hover .ember-basic-dropdown-trigger > span.btn-wrapper > button.btn {
     color: #000000;
 }
@@ -1890,6 +1894,19 @@ a.text-danger:hover {
     animation: rotation 1s linear infinite;
 }
 
+.overloader > .loader-container {
+    background: rgba(243, 244, 246, .25);
+    border: 1px solid #d1d5db;
+    backdrop-filter: blur(3.5px);
+    border-radius: .5rem;
+    padding: .25rem .85rem;
+}
+
+body[data-theme="dark"] .overloader > .loader-container {
+    background: rgb(31, 41, 55, .25);
+    border: 1px solid rgba(15, 23, 42, .25);
+}
+
 @keyframes rotation {
     0% {
         transform: rotate(0deg);