Changed tone on action creation buttons (#1531)

* changed tone on action creations buttons * Update ActionStep.js * Update style.scss Co-authored-by: Paolo D'Amico <paolodamico@users.noreply.github.com>
PostHog · Sep 1, 2020 · 35e604e · 35e604e
1 parent b7d639f
commit 35e604e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/frontend/src/scenes/actions/ActionStep.js b/frontend/src/scenes/actions/ActionStep.js
@@ -186,7 +186,7 @@ export class ActionStep extends Component {
                                 () => this.sendStep({ ...step, event: '$autocapture' })
                             )
                         }
-                        className={'btn ' + (step.event === '$autocapture' ? 'btn-secondary' : 'btn-light')}
+                        className={'btn ' + (step.event === '$autocapture' ? 'btn-secondary' : 'btn-light btn-action')}
                     >
                         Frontend element
                     </button>
@@ -199,7 +199,7 @@ export class ActionStep extends Component {
                             step.event !== '$autocapture' &&
                             step.event !== '$pageview'
                                 ? 'btn-secondary'
-                                : 'btn-light')
+                                : 'btn-light btn-action')
                         }
                     >
                         Custom event
@@ -220,7 +220,7 @@ export class ActionStep extends Component {
                                 })
                             )
                         }}
-                        className={'btn ' + (step.event === '$pageview' ? 'btn-secondary' : 'btn-light')}
+                        className={'btn ' + (step.event === '$pageview' ? 'btn-secondary' : 'btn-light btn-action')}
                         data-attr="action-step-pageview"
                     >
                         Page view

diff --git a/frontend/src/style.scss b/frontend/src/style.scss
@@ -421,3 +421,7 @@ label.disabled {
         font-weight: bold;
     }
 }
+
+.btn-action {
+    background-color: #f0f0f0 !important;
+}