adjust drag handle and collapse button

galaxyproject · Jan 15, 2024 · 9e335ca · 9e335ca
1 parent 390a8fe
commit 9e335ca
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/client/src/components/Panels/FlexPanel.vue b/client/src/components/Panels/FlexPanel.vue
@@ -49,8 +49,8 @@ const hoverDraggableOrToggle = computed(
     () => (hoverDraggableDebounced.value || hoverToggle.value) && !isDragging.value
 );
 
-const toggleLinger = 1000;
-const toggleShowDelay = 100;
+const toggleLinger = 500;
+const toggleShowDelay = 800;
 let showToggleTimeout: ReturnType<typeof setTimeout> | undefined;
 
 watch(
@@ -198,15 +198,15 @@ const sideClasses = computed(() => ({
         border-right-style: solid;
 
         .drag-handle {
-            right: -0.75rem;
+            right: -4px;
         }
     }
 
     &.right {
         border-left-style: solid;
 
         .drag-handle {
-            left: -0.75rem;
+            left: -4px;
         }
     }
 }
@@ -215,9 +215,10 @@ const sideClasses = computed(() => ({
     background: none;
     border: none;
     position: absolute;
-    width: 1rem;
+    width: 10px;
     padding: 0;
     height: 100%;
+    z-index: 10000;
 
     &:hover {
         cursor: ew-resize;