feat: add and separator to toolbar (#19731)

* feat: add and separator to toolbar * including the AndSeparator addedd 3.5 Meg to the toolbar * Update frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx Co-authored-by: Ben White <[email protected]> * Update frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx Co-authored-by: Ben White <[email protected]> --------- Co-authored-by: Ben White <[email protected]>
PostHog · Jan 12, 2024 · 80205ff · 80205ff
1 parent 456af51
commit 80205ff
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx b/frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx
@@ -1,4 +1,4 @@
-import { LemonDivider } from '@posthog/lemon-ui'
+import { LemonDivider, LemonTag } from '@posthog/lemon-ui'
 import { useActions, useValues } from 'kea'
 import { Field, Form, Group } from 'kea-forms'
 import { IconClose, IconDelete, IconEdit, IconMagnifier, IconMinusOutlined, IconPlus } from 'lib/lemon-ui/icons'
@@ -144,13 +144,18 @@ export const ActionsEditingToolbarMenu = (): JSX.Element => {
                                                     </>
                                                 }
                                             />
+                                            <LemonTag type="highlight">
+                                                <span className="uppercase">and</span>
+                                            </LemonTag>
                                             <StepField
                                                 step={step}
                                                 item="text"
                                                 label="Text"
                                                 caption="Text content inside your element"
                                             />
-
+                                            <LemonTag type="highlight">
+                                                <span className="uppercase">and</span>
+                                            </LemonTag>
                                             <StepField
                                                 step={step}
                                                 item="url"