feat(admin): update css for dsfr (#3997)

Author: pYassine

.talismanrc

@@ -38,6 +38,6 @@ fileignoreconfig:
 - filename: packages/portail-usagers/src/app/modules/general/components/_static/politique/politique.component.ts
   checksum: dfdbbe1892cf17b22d28f529914eb5df3a07063d5e3071e59c36c907020260d3
 - filename: yarn.lock
-  checksum: 9a27f36165f5ea6fb6751b8bb4579d465175a06e63a2f2c3845e34e0175e954e
+  checksum: ea995d3d75a1260f5d03f9edf282b9968eb5ea3e61f4d76370ebcbae333653da
 threshold: medium
 version: "1.0"

packages/portail-admins/angular.json

@@ -24,6 +24,7 @@
               "src/styles.scss",
               "./node_modules/@gouvfr/dsfr/dist/dsfr/dsfr.main.min.css",
               "./node_modules/@gouvfr/dsfr/dist/utility/utility.main.min.css",
+              "src/assets/css/dsfr-custom.scss",
               "src/assets/css/bootstrap-custom.scss",
               "src/assets/css/forms.scss",
               "src/assets/css/fonts.scss",

packages/portail-admins/package.json

@@ -28,7 +28,8 @@
     "@angular/platform-browser-dynamic": "^18.2.13",
     "@angular/router": "^18.2.13",
     "@domifa/common": "workspace:^",
-    "@edugouvfr/ngx-dsfr": "^1.14.3",
+    "@edugouvfr/ngx-dsfr": "^1.16.2",
+    "@edugouvfr/ngx-dsfr-ext": "^1.4.3",
     "@fortawesome/angular-fontawesome": "0.15.0",
     "@fortawesome/fontawesome-svg-core": "^6.7.2",
     "@fortawesome/free-regular-svg-icons": "^6.7.2",

packages/portail-admins/src/app/app.component.html

@@ -2,7 +2,7 @@
 <dsfr-skiplinks [links]="skipLinks"></dsfr-skiplinks>
 <header id="page-header" role="banner">
   <nav
-    class="navbar bg-white shadow-sm p-3 mb-5 rounded"
+    class="navbar bg-white shadow-sm"
     role="navigation"
     aria-label="Navigation principale"
     style="position: sticky; top: 0; z-index: 1000"

packages/portail-admins/src/app/modules/shared/components/table-head-sort/table-head-sort.component.html

@@ -1,7 +1,6 @@
 <button
   type="button"
   [ngClass]="sortKey === currentKey ? 'fw-bold text-primary' : ''"
-  class="btn"
   [attr.aria-sort]="sortKey === currentKey ? sortValue : null"
   (click)="rotate()"
 >

packages/portail-admins/src/assets/css/bootstrap-custom.scss

@@ -157,38 +157,13 @@ thead th {
   background-color: white !important;
 }
 
-.dropdown-menu {
-  padding: 0 !important;
-  margin: 0;
-  border-radius: 5px;
-  background: #ffffff;
-  border: 1px solid #ececec;
-}
-
 .dropdown-item:hover {
   background-color: #9b9b9b !important;
   color: black;
 }
 
-.dropdown-item {
-  padding: 0.6rem 1rem;
-  cursor: pointer;
-  min-width: 200px;
-  border-bottom: 1px solid #9b9b9b;
-}
-
-.dropdown-item:not(:last-child) {
-  border-bottom: 1px solid #cfcfd9;
-}
-
-.dropdown-item:last-child {
-  border: 0 !important;
-}
-
-.dropdown-item .ng-fa-icon {
-  width: 30px;
-  display: inline-block;
-  vertical-align: middle;
+.dropdown-item button {
+  width: 100%;
 }
 
 .text-sm {

packages/portail-admins/src/assets/css/dsfr-custom.scss

@@ -0,0 +1,3 @@
+.fr-modal__content {
+  text-wrap: stable;
+}

yarn.lock

@@ -4294,7 +4294,8 @@ __metadata:
     "@angular/platform-browser-dynamic": "npm:^18.2.13"
     "@angular/router": "npm:^18.2.13"
     "@domifa/common": "workspace:^"
-    "@edugouvfr/ngx-dsfr": "npm:^1.14.3"
+    "@edugouvfr/ngx-dsfr": "npm:^1.16.2"
+    "@edugouvfr/ngx-dsfr-ext": "npm:^1.4.3"
     "@fortawesome/angular-fontawesome": "npm:0.15.0"
     "@fortawesome/fontawesome-svg-core": "npm:^6.7.2"
     "@fortawesome/free-regular-svg-icons": "npm:^6.7.2"
@@ -4427,7 +4428,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@edugouvfr/ngx-dsfr@npm:^1.14.3, @edugouvfr/ngx-dsfr@npm:^1.15.3":
+"@edugouvfr/ngx-dsfr-ext@npm:^1.4.3":
+  version: 1.4.3
+  resolution: "@edugouvfr/ngx-dsfr-ext@npm:1.4.3"
+  dependencies:
+    tslib: "npm:^2.3.0"
+  peerDependencies:
+    "@angular/cdk": ">=18"
+    "@angular/common": ">=18.2"
+    "@angular/core": ">=18.2"
+    "@angular/forms": ">=18.2"
+    "@edugouvfr/ngx-dsfr": ">=1.15.0"
+    ag-grid-angular: ">=32"
+    ag-grid-community: ">=32"
+    quill: ">=2"
+  peerDependenciesMeta:
+    ag-grid-angular:
+      optional: true
+    ag-grid-community:
+      optional: true
+    quill:
+      optional: true
+  checksum: 10/23ab9744524399fdba3d24c1eb8d58c1cf30565706db41d56c7f0eae551896d27be872cf5add2f953dda423536946cfa8ac857a2d7b2ed0229750911a2e70e7e
+  languageName: node
+  linkType: hard
+
+"@edugouvfr/ngx-dsfr@npm:^1.15.3":
   version: 1.16.1
   resolution: "@edugouvfr/ngx-dsfr@npm:1.16.1"
   dependencies:
@@ -4444,6 +4470,23 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@edugouvfr/ngx-dsfr@npm:^1.16.2":
+  version: 1.16.2
+  resolution: "@edugouvfr/ngx-dsfr@npm:1.16.2"
+  dependencies:
+    "@gouvfr/dsfr": "npm:1.14.2"
+    tslib: "npm:^2.6.0"
+  peerDependencies:
+    "@angular/common": ">=18.2"
+    "@angular/core": ">=18.2"
+    "@angular/forms": ">=18.2"
+    args-parser: ">=1.3.0"
+    rxjs: ^6 || ^7
+    uuid: ">=8.3.0"
+  checksum: 10/441bf0a55fc6110ebcf1294ec544b471624c1d29929a6afc615106c5919857a05615359ce7addd1062bc2b9df4aa85e76f4a84859dcba4ed539c5e82501b2c80
+  languageName: node
+  linkType: hard
+
 "@emnapi/core@npm:^1.1.0":
   version: 1.3.1
   resolution: "@emnapi/core@npm:1.3.1"