-
Notifications
You must be signed in to change notification settings - Fork 15
fix: improve modal sizing #176
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
Conversation
476f22d to
edfaaed
Compare
db119ab to
39160f9
Compare
| overflow: auto; | ||
|
|
||
| // The dialog container should completely fill its parent overlay element. | ||
| width: 100%; |
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.
Peux tu ajouter un test qui permet de démontrer que si je mets 2 contenus (de tailles différentes), la modale aura une taille différente ?
C'est pour s'assurer que width/height:100% n'est pas récupéré par un parent (ou un possible parent lors des prochains commits) afin d'éviter des regressions
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.
EDIT: peut être que le test ne devrait pas être sur le contenu de la modale mais en rapport avec l'element parent.
|
@gregpetit j'aimerais juste valider que le comportement est ok avec toi. On adapte la taille de la modale en fonction du contenu si j'ai bien compris le sens de la PR. |
le 100% est enlevé sur le container donc j'imagine que ça n'impacte pas seulement le medium, mais pour toutes les tailles de la modale, non ? |
Exact, le comportement de la modal |
gregpetit
left a comment
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.
@mtlmatt @OlivierAlbertini Tout est beau.
La hauteur de la modale s'ajuste bien et le défilement fonctionnement bien lorsqu'on atteint la hauteur de l'écran.
39160f9 to
2e9ea71
Compare
2e9ea71 to
ff7cbfd
Compare
Signed-off-by: Matthieu <matthieu.perrin@montreal.ca>
ff7cbfd to
e27180a
Compare
OlivierAlbertini
left a comment
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
Signed-off-by: Matthieu <matthieu.perrin@montreal.ca>
Changes to accomodate a medium scrollable modal. The size was not limited to the window height