-
Notifications
You must be signed in to change notification settings - Fork 30
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
feat(DsfrModal): ✨ changer la taille de la modale #641
Conversation
👷 Deploy request for vue-dsfr pending review.Visit the deploys page to approve it
|
class="fr-col-12" | ||
:class="{ | ||
'fr-col-md-8': size === 'lg', | ||
'fr-col-md-6': size === 'md', | ||
'fr-col-md-4': size === 'sm', | ||
}" |
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.
Pourquoi fr-col-12
serait toujours présent ?
Pourquoi pas ceci :
<div
:class="{
'fr-col-md-12': size === 'xl',
'fr-col-md-8': size === 'lg',
'fr-col-md-6': size === 'md',
'fr-col-md-4': size === 'sm',
}"
```
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.
jusqu'à présent je crois que c'était pour le mode mobile pour que la modale ne soit pas trop petite et prenne tout l'écran dans ce cas là
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.
D'après le dsfr: modal simple fr-col-12 fr-col-md-8 fr-col-lg-6
Modal SM fr-col-12 fr-col-md-4
Modal LG fr-col-12 fr-col-md-8
https://www.systeme-de-design.gouv.fr/elements-d-interface/composants/modale
}, | ||
|
||
computed: { | ||
modifyActions () { |
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.
Ce serait pas plutôt modifiedActions
?
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.
yes bien vu, au début on était parti sur une méthode mais après on a fait un computed et on a oublié de renommé
Je change ça 😁
3fb192e
to
62b7739
Compare
🎉 This PR is included in version 5.2.0 🎉 The release is available on:
Your semantic-release bot 📦🚀 |
Resolve #638