-
Notifications
You must be signed in to change notification settings - Fork 153
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(Modal): fix border radius on isMobileFullPage #4258
Conversation
Storybook staging is available at https://kiwicom-orbit-marco-modal-hack.surge.sh |
Size Change: -35 B (0%) Total Size: 457 kB
ℹ️ View Unchanged
|
Deploying with Cloudflare Pages
|
!hasModalSection && | ||
"[&_.orbit-modal-header-container]:mb-xl lm:[&_.orbit-modal-header-container]:mb-[var(--orbit-modal-footer-height,0px)]", | ||
!isMobileFullPage && "rounded-t-modal-mobile", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This can be on the second part of the ternary below, no?
Maybe we should have visual tests that assert this 😶🌫️ |
3d15faa
to
99dcff1
Compare
9d19755
to
1ad7766
Compare
@@ -14164,28 +14164,6 @@ | |||
"value": "rgb(186, 199, 213)" | |||
} | |||
}, | |||
"modalBorderRadiusMobile": { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Unlike the tailwind package, a token deletion is a breaking change, even if it is just an internal token. I would just mark this as deprecated instead of removing it. We can (and should) do a cleanup of all the tokens soon™.
The tailwind class removal can be kept, as it is undocumented 👍
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Agree, updated.
And adjust modalBorderRadius to be 12px as stated in Figma.
Modal only has one borderRadius value and stays in 'modal'
'modal-mobile' classes are gone and we rely only on 'modal'
Screenshots updated with a uniform 12px border-radius.
1ad7766
to
5912976
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM. Let's just hold the merge for after the demo 👍
https://skypicker.slack.com/archives/C7T7QG7M5/p1707228421814789
Closes FEPLT-1947