From d8f881ddd0269d98e9a45bc51346f8b4b0008849 Mon Sep 17 00:00:00 2001 From: fulopdaniel Date: Fri, 16 Aug 2024 10:19:04 +0200 Subject: [PATCH 1/2] fix(Flyout): margin top is overriden --- .../components/src/components/Flyout/styles/flyoutStyles.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/components/src/components/Flyout/styles/flyoutStyles.ts b/packages/components/src/components/Flyout/styles/flyoutStyles.ts index 01abb31a23..69d3eb8938 100644 --- a/packages/components/src/components/Flyout/styles/flyoutStyles.ts +++ b/packages/components/src/components/Flyout/styles/flyoutStyles.ts @@ -4,7 +4,7 @@ import { sv } from '#/utilities/styleUtilities'; export const flyoutContentStyles = sv({ base: - 'tw-block tw-bg-base tw-shadow-mid tw-border tw-border-line tw-w-full sm:tw-w-fit sm:tw-max-w-[--flyout-max-width] tw-group tw-mt-4 sm:tw-mt-0 ' + + 'tw-block tw-bg-base tw-shadow-mid tw-border tw-border-line tw-w-full sm:tw-w-fit sm:tw-max-w-[--flyout-max-width] tw-group tw-mt-4 sm:!tw-mt-0 ' + // Mobile view flyout -> dialog responsiveness '[body>[data-radix-popper-content-wrapper]:has(&)]:max-sm:tw-p-2 [body>[data-radix-popper-content-wrapper]:has(&)]:max-sm:tw-w-screen [body>[data-radix-popper-content-wrapper]:has(&)]:max-sm:!tw-translate-x-0 [body>[data-radix-popper-content-wrapper]:has(&)]:max-sm:!tw-translate-y-0 ' + // Responsive dialog background element From c4e5704d4cadb2cfb17b7b37a0b02051c81ccf66 Mon Sep 17 00:00:00 2001 From: Daniel Fulop Date: Fri, 16 Aug 2024 10:20:10 +0200 Subject: [PATCH 2/2] Create soft-rivers-argue.md --- .changeset/soft-rivers-argue.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/soft-rivers-argue.md diff --git a/.changeset/soft-rivers-argue.md b/.changeset/soft-rivers-argue.md new file mode 100644 index 0000000000..2be0f8af58 --- /dev/null +++ b/.changeset/soft-rivers-argue.md @@ -0,0 +1,5 @@ +--- +"@frontify/fondue-components": patch +--- + +fix(Flyout): margin top is overriden