AI slop

frontend/app/components/managers/ContextMenuManager.vue

@@ -34,19 +34,20 @@ onMounted(() => {
     z-index: 214748363;
 
     flex-direction: column;
+    background-color: var(--color-tooltip-background);
+    border: 1px solid var(--color-border);
+    overflow: visible;
 
-    
     .context-menu-element {
-
         &:last-child {
             border-width: 1px 1px 1px 1px;
         }
         border: solid 1px var(--color-border);
         border-width: 1px 1px 0px 1px;
-        padding: 3px 5px 3px 5px;
+        padding: 6px 10px 6px 8px;
         cursor: default;
         user-select: none;
-        background-color: var(--tooltip-background);
+        background-color: var(--color-tooltip-background);
         transition: background-color 100ms;
         display: flex;
         align-items: center;
@@ -54,19 +55,27 @@ onMounted(() => {
 
         span {
             flex-grow: 1;
-            padding-right: 20px;
+            padding-right: 24px;
             white-space: nowrap;
         }
 
         img {
             filter: invert(1);
-            width: 18px;
-            height: 18px;
+            width: 16px;
+            height: 16px;
         }
 
         &:hover {
             background-color: var(--color-background-softest);
         }
+
+        > .context-menu {
+            display: none !important;
+        }
+
+        &:hover > .context-menu {
+            display: flex !important;
+        }
     }
 }
 </style>