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

feat(DsfrModal): ✨ changer la taille de la modale #641

Merged
merged 1 commit into from
Nov 22, 2023

Conversation

abraccoippon
Copy link
Contributor

Resolve #638

Copy link

netlify bot commented Nov 21, 2023

👷 Deploy request for vue-dsfr pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 62b7739

Comment on lines +94 to +99
class="fr-col-12"
:class="{
'fr-col-md-8': size === 'lg',
'fr-col-md-6': size === 'md',
'fr-col-md-4': size === 'sm',
}"
Copy link
Collaborator

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',
            }"
            ```

Copy link
Contributor Author

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à

Copy link
Collaborator

@cailliaud cailliaud Nov 21, 2023

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 () {
Copy link
Collaborator

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 ?

Copy link
Contributor Author

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 😁

@laruiss laruiss merged commit 5250c43 into dnum-mi:develop Nov 22, 2023
1 check passed
Copy link

🎉 This PR is included in version 5.2.0 🎉

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