remove tooltip arrow and enhance outline styles

Author: sprocketc

src/renderer/styles.css

@@ -120,10 +120,14 @@
       color: var(--font-color-hovered);
     }
 
-    &:focus:not(:active) {
+    &:focus {
       @apply outline outline-1 outline-offset-1 outline-accent;
     }
 
+    &:active {
+      @apply outline-none;
+    }
+
     &.selected {
       @apply bg-accent !important;
       color: var(--accent-inverted);
@@ -427,7 +431,6 @@ pre {
 }
 
 .popover-arrow,
-.tooltip-arrow,
 .menu-arrow  {
   fill: var(--bg-secondary);
 }

src/renderer/theme/styles.css

@@ -60,7 +60,6 @@
     --background-warning: #ffc252;
     --background-success: #63c263;
     .popover-arrow,
-    .tooltip-arrow,
     .menu-arrow  {
       fill: var(--bg-primary);
     }

src/renderer/toolbar/tools.cljs

@@ -28,8 +28,7 @@
           :sideOffset 5
           :side "top"}
          [:div.flex.gap-2.items-center
-          (str/capitalize (name type))]
-         [:> Tooltip/Arrow {:class "tooltip-arrow"}]]]])))
+          (str/capitalize (name type))]]]])))
 
 (defn group
   [group]

src/renderer/toolbar/views.cljs

@@ -24,6 +24,4 @@
         :side "left"
         :sideOffset 5}
        [:div.flex.gap-2.items-center
-        title]
-       [:> Tooltip/Arrow
-        {:class "tooltip-arrow"}]]]]))
+        title]]]]))

src/renderer/tree/styles.css

@@ -16,16 +16,24 @@
     @apply overlay;
   }
 
-  &:focus:not(:active) {
+  &:focus {
     @apply outline-none outline-shadow;
   }
 
+  &:active {
+    @apply shadow-none;
+  }
+
   .button {
     @apply mx-px shrink-0;
     height: 20px;
     width: 20px;
     color: inherit;
     background-color: transparent !important;
+
+    &:focus {
+      @apply outline-none;
+    }
   }
 }