fix: notebook node buttons hover (#19186)

PostHog · Dec 13, 2023 · 5583607 · 5583607
1 parent dfd65ae
commit 5583607
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 3 deletions.
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--sizes--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--sizes--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--sizes--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--sizes--light.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--sizes-icon-only--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--sizes-icon-only--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--sizes-icon-only--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--sizes-icon-only--light.png
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
@@ -88,7 +88,7 @@
             --lemon-button-padding-horizontal: 0.375rem;
             --lemon-button-padding-adjacent-icon: 0.25rem;
             --lemon-button-font-size: 0.75rem;
-            --lemon-button-height: 1.6875rem;
+            --lemon-button-height: 1.625rem;
             --lemon-button-gap: 0.25rem;
             --lemon-button-side-action-width: 1.5rem;
         }

diff --git a/frontend/src/scenes/notebooks/Nodes/NodeWrapper.scss b/frontend/src/scenes/notebooks/Nodes/NodeWrapper.scss
@@ -40,7 +40,7 @@
         display: flex;
         gap: 0.2rem;
         align-items: center;
-        height: 1.25rem;
+        height: 1.375rem;
         overflow: hidden;
         opacity: 0;
         transition: all 150ms linear 1000ms;
@@ -49,7 +49,7 @@
     &--editable:hover,
     &--selected {
         .NotebookNode__gap {
-            height: 2rem;
+            height: 1.875rem;
             opacity: 1;
             transition: all 150ms linear;
         }