Skip to content
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

[VO-889] fix(PermissionDialog): Show overflow icon on iOS #2670

Merged
merged 1 commit into from
Jul 10, 2024

Conversation

cballevre
Copy link
Contributor

@cballevre cballevre commented Jul 9, 2024

MUI adds a -webkit-overflow-scrolling property to manage scrolling on iOS on the content. This is act as a counter-effect to overflow-y: visible of the parent to display the icon beyond the modal.

@cballevre cballevre force-pushed the fix/show-overflow-on-ios branch from 944fb3d to 3f78f36 Compare July 9, 2024 10:07
@@ -455,7 +455,7 @@ export const makeLightNormalOverrides = theme => ({
maxWidth: '800px'
}
},
'&.overflow': {
'&.overflow, &.overflow .cozyDialogContent': {
Copy link
Collaborator

@JF-Cozy JF-Cozy Jul 9, 2024

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

si ça t'ennuie pas je préfère séparer les éléments, c'est ce qu'on fait partout et je trouve que la lisibilité est meilleure, ça évite de rater un truc en lisant vite...

'&.overflow': {
  overflowY: 'visible !important' // Allow the icon to overflow the dialog, otherwise it will be cut off,
  '& .cozyDialogContent': {
    overflowY: 'visible !important'  // Allow the icon to overflow the dialog, otherwise it will be cut off
  }
}

Par contre ça pose quand même question 🤔 est-ce que les deux sont vraiment nécessaires ?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Je check ça

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unfortunately I need both conditions for it to work. I separated it as you suggest

@cballevre cballevre force-pushed the fix/show-overflow-on-ios branch from 3f78f36 to 8e73f83 Compare July 10, 2024 07:09
@cballevre cballevre requested a review from JF-Cozy July 10, 2024 07:11
MUI adds a `-webkit-overflow-scrolling` property to manage scrolling on iOS. This is act as a counter-effect to `overflow-y: visible` of the parent to display the icon beyond the modal.
@cballevre cballevre force-pushed the fix/show-overflow-on-ios branch from 8e73f83 to c4507ff Compare July 10, 2024 13:38
@cballevre cballevre merged commit f9f6073 into master Jul 10, 2024
4 checks passed
@cballevre cballevre deleted the fix/show-overflow-on-ios branch July 10, 2024 14:03
@cozy-bot
Copy link

🎉 This PR is included in version 110.8.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants