Update more for new button structure

PostHog · Dec 5, 2023 · cee1076 · cee1076
1 parent 8fc28e9
commit cee1076
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss b/frontend/src/lib/lemon-ui/LemonButton/LemonButton3000.scss
@@ -54,8 +54,6 @@
             }
 
             .LemonButton__icon {
-                transition: none;
-
                 > * {
                     opacity: var(--lemon-button-icon-opacity);
                 }

diff --git a/frontend/src/lib/lemon-ui/LemonSegmentedButton/LemonSegmentedButton.scss b/frontend/src/lib/lemon-ui/LemonSegmentedButton/LemonSegmentedButton.scss
@@ -125,9 +125,8 @@ body:not(.posthog-3000) {
         .LemonButton:not(:hover) {
             background: var(--bg-3000);
 
-            .LemonButton__icon,
             .LemonButton__content {
-                opacity: 0.4;
+                opacity: var(--lemon-button-icon-opacity);
             }
         }
 
@@ -161,10 +160,8 @@ body:not(.posthog-3000) {
 
         &.LemonSegmentedButton__option--selected {
             .LemonButton {
-                .LemonButton__icon,
-                .LemonButton__content {
-                    opacity: 1;
-                }
+                --lemon-button-icon-opacity: 1;
+                --lemon-button-profile-picture-opacity: 1;
             }
 
             .LemonButton__chrome::after {
-Original file line number
+Diff line change
@@ Expand Up / @@ -54,8 +54,6 @@ @@
                 }
                 .LemonButton__icon {
-                    transition: none;
                     > * {
                         opacity: var(--lemon-button-icon-opacity);
                     }
@@ Expand Down @@