fix: alter padding adjacent to icons for all button sizes (#19046)

PostHog · Dec 6, 2023 · ad3fdc7 · ad3fdc7
1 parent 748ac55
commit ad3fdc7
Show file tree

Hide file tree

Showing 21 changed files with 2 additions and 2 deletions.
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--full-width--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--full-width--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--full-width--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--full-width--light.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--loading--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--loading--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--loading--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--loading--light.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--pseudo-states--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--pseudo-states--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--pseudo-states--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--pseudo-states--light.png
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--types-3000--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--types-3000--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--types-3000--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--types-3000--light.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--types-and-statuses--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--types-and-statuses--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--types-and-statuses--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--types-and-statuses--light.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--with-side-action--dark.png b/frontend/__snapshots__/lemon-ui-lemon-button--with-side-action--dark.png
diff --git a/frontend/__snapshots__/lemon-ui-lemon-button--with-side-action--light.png b/frontend/__snapshots__/lemon-ui-lemon-button--with-side-action--light.png
diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-3000.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-3000.png
diff --git a/frontend/__snapshots__/posthog-3000-navigation--navigation-base.png b/frontend/__snapshots__/posthog-3000-navigation--navigation-base.png
diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-activation.png
diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-docs.png
diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-notebooks.png
diff --git a/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings.png b/frontend/__snapshots__/scenes-app-sidepanels--side-panel-settings.png
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
@@ -10,7 +10,8 @@
     --lemon-button-hover-depth: -0.03125rem;
     --lemon-button-press-depth: 0.03125rem;
     --lemon-button-padding-horizontal: 0.75rem;
-    --lemon-button-side-action-icon-width: 1.5rem;
+    --lemon-button-padding-adjacent-icon: 0.375rem;
+    --lemon-button-side-action-icon-width: 1.25rem;
 
     .LemonButton,
     .Link.LemonButton {
@@ -84,7 +85,6 @@
 
         &.LemonButton--small {
             --lemon-button-padding-horizontal: 0.5rem;
-            --lemon-button-padding-adjacent-icon: 0.375rem;
             --lemon-button-height: 2.0625rem;
             --lemon-button-side-action-icon-width: 1.25rem;
         }