Fix drop target indicator showing as a double border on first and las…

…t items
iterative · Jun 22, 2022 · 31aebcf · 31aebcf
1 parent e2e8caf
commit 31aebcf
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/webview/src/plots/components/comparisonTable/DropTargetIndicator.tsx b/webview/src/plots/components/comparisonTable/DropTargetIndicator.tsx
@@ -7,7 +7,7 @@ export const DropTargetIndicator: React.FC<Props> = ({ direction }) => (
     className={styles.dropTargetIndicator}
     data-testid="comparison-drop-target-indicator"
     style={{
-      [direction.toLowerCase()]: -4
+      [direction.toLowerCase()]: -2
     }}
   />
 )

diff --git a/webview/src/plots/components/styles.module.scss b/webview/src/plots/components/styles.module.scss
@@ -288,7 +288,7 @@ $gap: 20px;
   position: absolute;
   top: 2px;
   min-height: 32px;
-  border: 2px dotted $accent-color;
+  border-right: 2px dotted $accent-color;
 }
 
 .dropIcon {