[APP-2891] Fix slider input visual bugs (#409)

viamrobotics · Oct 16, 2023 · 51081a6 · 51081a6
1 parent afd3268
commit 51081a6
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 10 deletions.
diff --git a/packages/blocks/package.json b/packages/blocks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-blocks",
-  "version": "0.0.11",
+  "version": "0.0.12",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/blocks/src/lib/navigation-map/components/nav/obstacles.svelte b/packages/blocks/src/lib/navigation-map/components/nav/obstacles.svelte
@@ -122,12 +122,13 @@ $: debugMode = $environment === 'debug';
             <small class="text-subtle-2 opacity-60 group-hover:opacity-100">
               ({location.lat.toFixed(4)}, {location.lng.toFixed(4)})
             </small>
+          {:else}
+            <IconButton
+              label="Delete {name}"
+              icon="trash-can-outline"
+              on:click={handleDeleteObstacle(name)}
+            />
           {/if}
-          <IconButton
-            label="Delete {name}"
-            icon="trash-can-outline"
-            on:click={handleDeleteObstacle(name)}
-          />
           <IconButton
             icon="image-filter-center-focus"
             label="Focus {name}"

diff --git a/packages/core/package.json b/packages/core/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@viamrobotics/prime-core",
-  "version": "0.0.49",
+  "version": "0.0.50",
   "publishConfig": {
     "access": "public"
   },

diff --git a/packages/core/src/lib/input/slider-input.svelte b/packages/core/src/lib/input/slider-input.svelte
@@ -173,7 +173,7 @@ const handleChange = () => {
     disabled={isButtonDisabled}
     tabindex="-1"
     class={cx(
-      'absolute bottom-[3px] left-[0.2rem] z-max h-[24px] w-1 cursor-ew-resize',
+      'absolute bottom-[3px] left-[0.2rem] h-[24px] w-1 cursor-ew-resize',
       {
         'bg-gray-400 hover:bg-gray-700': !isButtonDisabled,
         'cursor-not-allowed bg-disabled-dark': isButtonDisabled,
@@ -185,11 +185,11 @@ const handleChange = () => {
     {#if isDragging}
       <div
         bind:this={numberDragCord}
-        class="z-100 pointer-events-none mt-[calc(13px)] h-px bg-gray-400"
+        class="pointer-events-none relative z-max mt-[6px] h-px bg-gray-400"
       />
       <div
         bind:this={numberDragHead}
-        class="pointer-events-none -ml-[2px] -mt-[5px]"
+        class="pointer-events-none relative z-max -ml-[2px] -mt-[5px]"
       >
         <div class="h-2 w-2">
           <Tooltip state="visible">