Déplace « Ajouter un avis » dans le « sticky »

betagouv · Mar 24, 2023 · d1477a2 · d1477a2
1 parent 24b44ab
commit d1477a2
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 10 deletions.
diff --git a/public/assets/styles/etapesDossier.css b/public/assets/styles/etapesDossier.css
@@ -190,8 +190,15 @@ ul.documents {
   margin-left: 7em;
 }
 
+.boutons-etape {
+  display: flex;
+  align-items: center;
+  column-gap: 1.5em;
+}
+
 .bouton {
   margin: 0;
+  padding: 0.5em 1.3em;
 }
 
 .bouton.blanc {

diff --git a/public/assets/styles/homologation/formulaire.css b/public/assets/styles/homologation/formulaire.css
@@ -74,13 +74,18 @@ label.exemple {
   color: var(--texte-clair);
 }
 
-a.nouvel-item {
-  padding-left: 2em;
-  background-image: url(../../images/icone_ajout_bleue.svg);
-  background-repeat: no-repeat;
-  background-size: contain;
+.nouvel-item {
+  display: flex;
+  align-items: center;
+}
 
-  font-weight: normal;
+.nouvel-item::before {
+  content: '';
+  display: block;
+  width: 1.4em;
+  height: 1.4em;
+  margin-right: 0.4em;
+  background: url(../../images/icone_plus_pastille_bleue.svg) center/contain;
 }
 
 .item-ajoute {

diff --git a/src/vues/fragments/elementsAjoutables/elementsAjoutablesAvis.pug b/src/vues/fragments/elementsAjoutables/elementsAjoutablesAvis.pug
@@ -66,6 +66,4 @@ mixin elementsAjoutablesAvis(donneesAvis = [])
     each donneesUnAvis, index in donneesAvis 
       +unAvis(donneesUnAvis, index)
 
-  a(class = 'nouvel-item', id = 'ajout-element-un-avis') Ajouter un avis
-
   script(type = 'module', src = '/statique/modules/elementsAjoutables.js')
diff --git a/src/vues/service/etapeDossier/avis.pug b/src/vues/service/etapeDossier/avis.pug
@@ -17,7 +17,8 @@ block formulaire
   script(type = "module", src = "/statique/homologation/etapes/avis.js")
 
 block bouton-etape
-  button.bouton#suivant(
+    a(class = 'nouvel-item bouton bouton-secondaire', id = 'ajout-element-un-avis') Ajouter un avis
+    button.bouton#suivant(
       data-id-homologation = service.id,
       data-id-etape = idEtape,
       data-id-etape-suivante = referentiel.idEtapeSuivante(idEtape)

diff --git a/src/vues/service/formulaireEtapier.pug b/src/vues/service/formulaireEtapier.pug
@@ -43,5 +43,5 @@ block zone-principale
     .enregistrement
       .boutons
         a(href = `/service/${service.id}`) Revenir à la synthèse
-        div
+        .boutons-etape
           block bouton-etape