fix(modal): effet de bord css

CHANGELOG.md

@@ -2,7 +2,12 @@
 
 ## 1.12.2
 
-- fix(card|tile): régression de la taille des titres cliquables
+- fix(card/tile): régression de la taille des titres cliquables
+- fix(buttons-group): effet de bord de la surcharge du CSS pour la modal sur les dsfr-btns-group
+
+## 1.11.9
+
+- fix(buttons-group): effet de bord de la surcharge du CSS pour la modal sur les dsfr-btns-group
 
 ## 1.12.1 (2024-09-23)
 

projects/ngx-dsfr-components/package.json

 {
   "name": "@edugouvfr/ngx-dsfr",
-  "version": "1.12.1",
+  "version": "1.12.2",
   "bin": "./index.js",
   "description": "NgxDsfr est un portage Angular des éléments d'interface du Système de Design de l'État Français (DSFR).",
   "license": "EUPL-1.2",

projects/ngx-dsfr-components/src/lib/components/modal/modal.component.scss

@@ -2,6 +2,19 @@
 //Ces 2 class me semble plus sûr à l'utilisation pour éviter des conflits plus tard.
 .fr-modal {
   z-index: 0;
+
+  // Les dsfr-button rajoute un noeud dans le markup html qui ne permet pas au css du DSFR d'être correctement appliqué.
+  .fr-btns-group dsfr-button {
+    width: calc(100% - 1rem);
+    justify-content: center;
+  }
+
+  @media (min-width: 62em) {
+    .fr-btns-group--inline-lg dsfr-button {
+      width: auto;
+      max-width: 100%;
+    }
+  }
 }
 
 .fr-modal--opened {
@@ -12,16 +25,3 @@
 .uppercase {
   text-transform: uppercase;
 }
-
-// Les dsfr-button rajoute un noeud dans le markup html qui ne permet pas au css du DSFR d'être correctement appliqué.
-.fr-btns-group dsfr-button {
-  width: calc(100% - 1rem);
-  justify-content: center;
-}
-
-@media (min-width: 62em) {
-  .fr-btns-group--inline-lg dsfr-button {
-    width: auto;
-    max-width: 100%;
-  }
-}