diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed.png b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed.png index b55de0b82a676..fb4054154ffc4 100644 Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing-licensed.png differ diff --git a/frontend/__snapshots__/components-sharing--dashboard-sharing.png b/frontend/__snapshots__/components-sharing--dashboard-sharing.png index 28c90a000d0d4..a71e0f36d7914 100644 Binary files a/frontend/__snapshots__/components-sharing--dashboard-sharing.png and b/frontend/__snapshots__/components-sharing--dashboard-sharing.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing-licensed.png b/frontend/__snapshots__/components-sharing--insight-sharing-licensed.png index 66828b51a8a9b..74abfa5ed0bba 100644 Binary files a/frontend/__snapshots__/components-sharing--insight-sharing-licensed.png and b/frontend/__snapshots__/components-sharing--insight-sharing-licensed.png differ diff --git a/frontend/__snapshots__/components-sharing--insight-sharing.png b/frontend/__snapshots__/components-sharing--insight-sharing.png index 6d2396a3fe649..8fb8eb43c5208 100644 Binary files a/frontend/__snapshots__/components-sharing--insight-sharing.png and b/frontend/__snapshots__/components-sharing--insight-sharing.png differ diff --git a/frontend/__snapshots__/components-sharing--recording-sharing-licensed.png b/frontend/__snapshots__/components-sharing--recording-sharing-licensed.png index 41612395fc105..a4b1529c922ce 100644 Binary files a/frontend/__snapshots__/components-sharing--recording-sharing-licensed.png and b/frontend/__snapshots__/components-sharing--recording-sharing-licensed.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations.png b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations.png index dd37934390f61..ab8a47d2c901f 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscription-no-integrations.png and b/frontend/__snapshots__/components-subscriptions--subscription-no-integrations.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-edit.png b/frontend/__snapshots__/components-subscriptions--subscriptions-edit.png index edeeaadaef414..b4239bc0f8178 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-edit.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-edit.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-empty.png b/frontend/__snapshots__/components-subscriptions--subscriptions-empty.png index c158ccefb2aa2..bd848d42cfe9a 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-empty.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-empty.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions-new.png b/frontend/__snapshots__/components-subscriptions--subscriptions-new.png index dd37934390f61..ab8a47d2c901f 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions-new.png and b/frontend/__snapshots__/components-subscriptions--subscriptions-new.png differ diff --git a/frontend/__snapshots__/components-subscriptions--subscriptions.png b/frontend/__snapshots__/components-subscriptions--subscriptions.png index 9f9198aa27b92..2a27d2c4c4917 100644 Binary files a/frontend/__snapshots__/components-subscriptions--subscriptions.png and b/frontend/__snapshots__/components-subscriptions--subscriptions.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--basic.png b/frontend/__snapshots__/layout-feature-previews-modal--basic.png index 0aca2eb5ae9e0..5862012cfd7ec 100644 Binary files a/frontend/__snapshots__/layout-feature-previews-modal--basic.png and b/frontend/__snapshots__/layout-feature-previews-modal--basic.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--empty.png b/frontend/__snapshots__/layout-feature-previews-modal--empty.png index 3c8bf50cd25aa..51b4f77076258 100644 Binary files a/frontend/__snapshots__/layout-feature-previews-modal--empty.png and b/frontend/__snapshots__/layout-feature-previews-modal--empty.png differ diff --git a/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature.png b/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature.png index c2d4a06f4441e..6e7c664b00fb1 100644 Binary files a/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature.png and b/frontend/__snapshots__/layout-feature-previews-modal--with-constrained-feature.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--customised.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--customised.png index 370b5b1a326ac..874ae453989a3 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-dialog--customised.png and b/frontend/__snapshots__/lemon-ui-lemon-dialog--customised.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal.png index 9465d3ebda2e0..64bf3ffbc9a99 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal.png and b/frontend/__snapshots__/lemon-ui-lemon-dialog--minimal.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-dialog--template.png b/frontend/__snapshots__/lemon-ui-lemon-dialog--template.png index 5dfc088fe0693..6288ebdb1fc07 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-dialog--template.png and b/frontend/__snapshots__/lemon-ui-lemon-dialog--template.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--inline.png b/frontend/__snapshots__/lemon-ui-lemon-modal--inline.png index e61bed48efd50..e7b7279142559 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-modal--inline.png and b/frontend/__snapshots__/lemon-ui-lemon-modal--inline.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content.png b/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content.png index e2c8b4b867df4..278c68dff4eb8 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content.png and b/frontend/__snapshots__/lemon-ui-lemon-modal--with-custom-content.png differ diff --git a/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets.png b/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets.png index d26a679f4fd68..b01c7bea05c42 100644 Binary files a/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets.png and b/frontend/__snapshots__/lemon-ui-lemon-skeleton--presets.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--create-template.png b/frontend/__snapshots__/scenes-app-dashboards--create-template.png index 8a2adaaa323f6..51e12c3e3742d 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--create-template.png and b/frontend/__snapshots__/scenes-app-dashboards--create-template.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--edit-template.png b/frontend/__snapshots__/scenes-app-dashboards--edit-template.png index 84e7379949b2b..1b5cc53883a24 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--edit-template.png and b/frontend/__snapshots__/scenes-app-dashboards--edit-template.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--new-select-variables.png b/frontend/__snapshots__/scenes-app-dashboards--new-select-variables.png index c4d3fc8fb4f30..26cac3efbecf2 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--new-select-variables.png and b/frontend/__snapshots__/scenes-app-dashboards--new-select-variables.png differ diff --git a/frontend/__snapshots__/scenes-app-dashboards--new.png b/frontend/__snapshots__/scenes-app-dashboards--new.png index 58ca8d61687d2..39a9d3146ad1e 100644 Binary files a/frontend/__snapshots__/scenes-app-dashboards--new.png and b/frontend/__snapshots__/scenes-app-dashboards--new.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit.png b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit.png index 489d1255fad03..50f36a4871650 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-historical-trends-edit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit.png index 093643b9deefa..e379604a2591b 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-breakdown-edit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit.png b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit.png index 2ffaf24c76640..07f7cfe1b6935 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-left-to-right-edit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit.png b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit.png index b2330f1d37780..486d89f6bd7ca 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-time-to-convert-edit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit.png index 0b11f2f6116fe..db0e0dc5d29be 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-breakdown-edit.png differ diff --git a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit.png b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit.png index 8958fe5dc51ba..896a7623a9071 100644 Binary files a/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit.png and b/frontend/__snapshots__/scenes-app-insights--funnel-top-to-bottom-edit.png differ diff --git a/frontend/__snapshots__/scenes-app-persons-modal--persons-modal.png b/frontend/__snapshots__/scenes-app-persons-modal--persons-modal.png index 849f0694e545c..467d2f6e6454e 100644 Binary files a/frontend/__snapshots__/scenes-app-persons-modal--persons-modal.png and b/frontend/__snapshots__/scenes-app-persons-modal--persons-modal.png differ diff --git a/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss b/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss index a3f0cae016830..9bb15cb2365da 100644 --- a/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss +++ b/frontend/src/lib/lemon-ui/LemonModal/LemonModal.scss @@ -48,6 +48,12 @@ transform: scale(0.85); opacity: 0; + --modal-padding: 1.5rem; + + .posthog-3000 & { + --modal-padding: 0.75rem; + } + &.LemonModal--fullscreen { max-width: 100%; max-height: 100%; @@ -64,9 +70,10 @@ } .LemonModal__close { position: absolute; - top: 1.25rem; - right: 1.25rem; + top: var(--modal-padding); + right: var(--modal-padding); z-index: 1; + &.LemonModal__close--highlighted { animation: tilt-shake 400ms; } @@ -84,6 +91,10 @@ padding: 1rem 1.5rem; overflow-y: auto; + .posthog-3000 & { + padding: 1rem; + } + &.LemonModal__content--embedded { padding: 0; } @@ -97,21 +108,21 @@ } .LemonModal__header { - margin: 1.5rem; - margin-bottom: 0; - padding-bottom: 1.25rem; + margin: var(--modal-padding) var(--modal-padding) 0 var(--modal-padding); + padding-bottom: var(--modal-padding); border-bottom: 1px solid var(--border); h3 { - margin-bottom: 0; margin-right: 1.5rem; + margin-bottom: 0; font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; } p { - margin: 0.5rem 0 -0.25rem; + margin-top: 0.25rem; + margin-bottom: 0; } } @@ -121,9 +132,8 @@ justify-content: flex-end; gap: 0.5rem; border-top: 1px solid var(--border); - margin: 1.5rem; - margin-top: 0; - padding-top: 1.5rem; + margin: 0 var(--modal-padding) var(--modal-padding) var(--modal-padding); + padding-top: var(--modal-padding); white-space: nowrap; align-items: center; } diff --git a/frontend/src/scenes/persons/PersonDeleteModal.tsx b/frontend/src/scenes/persons/PersonDeleteModal.tsx index 4a026ec4c5b3b..a52f0f20525e7 100644 --- a/frontend/src/scenes/persons/PersonDeleteModal.tsx +++ b/frontend/src/scenes/persons/PersonDeleteModal.tsx @@ -13,6 +13,7 @@ export function PersonDeleteModal(): JSX.Element | null { isOpen={!!personDeleteModal} onClose={() => showPersonDeleteModal(null)} title={`Are you sure you want to delete "${asDisplay(personDeleteModal)}"?`} + width="50rem" description={ <>
This action cannot be undone.
diff --git a/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-1-chromium-linux.png b/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-1-chromium-linux.png index 58e5d8b1cdfe1..467d2f6e6454e 100644 Binary files a/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-1-chromium-linux.png and b/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-1-chromium-linux.png differ diff --git a/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-2-chromium-linux.png b/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-2-chromium-linux.png index db6cf0ab68e0f..547b792f917b6 100644 Binary files a/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-2-chromium-linux.png and b/playwright/e2e-vrt/scenes-app/PersonsModal.spec.ts-snapshots/Persons-Modal-displays-list-correctly-2-chromium-linux.png differ diff --git a/playwright/e2e-vrt/scenes-app/insights.spec.ts-snapshots/annotations-popover-displays-correctly-1-chromium-linux.png b/playwright/e2e-vrt/scenes-app/insights.spec.ts-snapshots/annotations-popover-displays-correctly-1-chromium-linux.png index 94f843679a651..c9b6d8e50114e 100644 Binary files a/playwright/e2e-vrt/scenes-app/insights.spec.ts-snapshots/annotations-popover-displays-correctly-1-chromium-linux.png and b/playwright/e2e-vrt/scenes-app/insights.spec.ts-snapshots/annotations-popover-displays-correctly-1-chromium-linux.png differ