fix: FIT-1139: Copy region link option in Outliner (Regions tab) disappears on hover (#9017)

Author: yyassi-heartex

web/libs/editor/src/components/ContextMenu/ContextMenu.module.scss

@@ -53,9 +53,6 @@
 
 .trigger {
   &.open {
-    background-color: var(--color-primary-emphasis);
-    color: var(--color-neutral-content);
-    border-radius: 4px;
     opacity: 1;
   }
 }

web/libs/editor/src/components/SidePanels/Components/RegionContextMenu.tsx

@@ -46,17 +46,11 @@ export const RegionContextMenu: FC<{ item: any }> = observer(({ item }: { item:
 
   return (
     <ContextMenuTrigger
-      className={cn("region-context-menu").toClassName()}
+      className={cn("region-context-menu").mod({ open }).toClassName()}
       content={<ContextMenu actions={actions} />}
       onToggle={(isOpen) => setOpen(isOpen)}
     >
-      <Button
-        variant="neutral"
-        look="string"
-        size="smaller"
-        style={{ ...(open ? { display: "flex !important" } : null) }}
-        aria-label="Region options"
-      >
+      <Button variant="neutral" look="string" size="smaller" aria-label="Region options">
         <IconEllipsis />
       </Button>
     </ContextMenuTrigger>

web/libs/editor/src/components/SidePanels/OutlinerPanel/TreeView.scss

@@ -233,16 +233,26 @@
     }
 
     .region-context-menu button {
-      display: none;
+      transition: none;
+      opacity: 0;
+    }
+
+    .region-context-menu_open button {
+      opacity: 1;
     }
   }
 
-  &:hover &__controls {
+  &:hover &__controls,
+  &:has(.region-context-menu_open) &__controls {
     display: flex;
 
     .outliner-item__control_type_lock {
       display: flex;
     }
+
+    .region-context-menu button {
+      opacity: 1;
+    }
   }
 }