From 65255a2c9df04a0e5d2d69cc347eac75533f6b71 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 7 Feb 2024 15:29:48 +0300
Subject: [PATCH] Highlight outline color

---
 assets/styles/layout/_topbar.scss | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/styles/layout/_topbar.scss b/assets/styles/layout/_topbar.scss
index bdc578281..3800e03e8 100644
--- a/assets/styles/layout/_topbar.scss
+++ b/assets/styles/layout/_topbar.scss
@@ -104,7 +104,7 @@
 
         .config-panel {
             position: absolute;
-            top: 2.5rem;
+            top: calc(100% + 2px);
             right: 0;
             width: 14rem;
             padding: .75rem;
@@ -140,10 +140,13 @@
                         height: 1rem;
                         border-radius: 50%;
                         cursor: pointer;
+                        outline-color: transparent;
+                        outline-width: 2px;
+                        outline-style: solid;
+                        outline-offset: 1px;
     
                         &.active-color {
-                            outline: 2px solid currentcolor;
-                            outline-offset: 2px;
+                            outline-color: var(--primary-color-default);
                         }
                     }
                 }
@@ -179,7 +182,7 @@
             background-color: var(--p-surface-overlay);
             position: absolute;
             right: 0;
-            top: auto;
+            top: calc(100% + 2px);
             border-radius: var(--p-border-radius);
             border: 1px solid var(--p-surface-border);
             box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);