From 80205ffa5b2d6a50cc03972e6f91bf581facc21b Mon Sep 17 00:00:00 2001
From: Paul D'Ambra <paul@posthog.com>
Date: Fri, 12 Jan 2024 12:29:58 +0000
Subject: [PATCH] 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 <ben@posthog.com>

* Update frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx

Co-authored-by: Ben White <ben@posthog.com>

---------

Co-authored-by: Ben White <ben@posthog.com>
---
 .../src/toolbar/actions/ActionsEditingToolbarMenu.tsx    | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx b/frontend/src/toolbar/actions/ActionsEditingToolbarMenu.tsx
index 417b0d05d0111..e734ecb80d26d 100644
--- 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"