fix(Modal): remove modal header transition on mobile

kiwicom · Jan 16, 2024 · 7c10d8d · 7c10d8d
1 parent c4f2e3c
commit 7c10d8d
Show file tree

Hide file tree

Showing 2 changed files with 0 additions and 2 deletions.
diff --git a/packages/orbit-components/src/Modal/ModalHeader/index.tsx b/packages/orbit-components/src/Modal/ModalHeader/index.tsx
@@ -106,7 +106,6 @@ const ModalHeader = ({
           className={cx(
             "orbit-modal-mobile-header bg-white-normal",
             "font-base font-heading-display text-extra-large text-heading-foreground ps-lg z-overlay invisible fixed end-[48px] start-0 box-border inline-block h-[52px] truncate py-0 pe-0 leading-[52px] opacity-0",
-            "duration-fast transition-[top,opacity,visibility] ease-in-out",
             "lm:start-auto lm:end-auto lm:p-0",
             isMobileFullPage ? "top-0" : "top-[16px]",
           )}

diff --git a/packages/orbit-components/src/Modal/index.tsx b/packages/orbit-components/src/Modal/index.tsx
@@ -469,7 +469,6 @@ const Modal = React.forwardRef<Instance, Props>(
               scrolled
                 ? [
                     "[&_.orbit-modal-mobile-header]:visible [&_.orbit-modal-mobile-header]:opacity-100",
-                    "[&_.orbit-modal-mobile-header]:ease-in-out [&_.orbit-modal-mobile-header]:[transition:visibility_theme(transitionDuration.fast),_opacity_theme(transitionDuration.fast),_top_theme(transitionDuration.normal)]",
                     "lm:[&_.orbit-modal-mobile-header]:top-0",
                   ]
                 : "lm:[&_.orbit-modal-mobile-header]:-top-xxl",