taille bouton page editer mes dossier

web/themes/custom/reha/dist/css/bundle.css

@@ -885,10 +885,10 @@ input {
 }
 
 .form-submit {
-  height: 2.5rem !important;
-  margin-bottom: 1rem;
-  font-size: 1.2rem;
-  font-weight: 300;
+  text-transform: uppercase;
+  font-size: 0.9rem;
+  font-weight: 400;
+  font-family: "Marianne", sans-serif;
   width: fit-content;
 }
 @media (max-width: 891px) {
@@ -3327,6 +3327,8 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
 }
 .page-mon-espace-de-travail summary {
   text-transform: none;
+  font-weight: 800;
+  font-size: 1.2rem;
 }
 .page-mon-espace-de-travail #edit-field-dossier-de-pilotage-wrapper,
 .page-mon-espace-de-travail #edit-field-dossier-evenement-wrapper {
@@ -3401,6 +3403,26 @@ html.js body.node-type-operation.node-id-7 div.dialog-off-canvas-main-canvas div
   visibility: visible;
   opacity: 1;
 }
+.page-mon-espace-de-travail .js-form-type-managed-file label:after {
+  content: " :";
+}
+.page-mon-espace-de-travail .paragraphs-add-wrapper {
+  text-transform: uppercase;
+  font-size: 0.9rem;
+  font-weight: 400;
+}
+@media (max-width: 891px) {
+  .page-mon-espace-de-travail .paragraphs-add-wrapper {
+    font-size: 1rem;
+  }
+}
+.page-mon-espace-de-travail .paragraphs-add-wrapper p {
+  margin: 0;
+  padding: 0.3rem;
+}
+.page-mon-espace-de-travail .paragraphs-add-wrapper :hover {
+  background-color: #fdc300;
+}
 
 .field--name-field-dossier-de-pilotage h4 ::after {
   content: "";

web/themes/custom/reha/scss/pages/_page-mon-espace-de-travail.scss

@@ -38,6 +38,8 @@
     }
     summary{
         text-transform: none;
+        font-weight: 800;
+        font-size: 1.2rem;
     }
 
     #edit-field-dossier-de-pilotage-wrapper,
@@ -69,61 +71,94 @@
         }
     }
 
+    // .js-form-type-textfield{
+    //     label{
+    //         font-weight: 800;
+    //         font-size: 1.2rem;
+    //        &:after{
+    //             content: " :";
+    //         }
+    //     }
+    // }
 
-/* On cache le texte mais on le garde accessible */
-.description {
-    position: relative;
-    display: inline-block;
-    color: transparent;        /* rend le texte invisible */
-    font-size: 0;              /* supprime l'espace du texte */
-  }
-  
-  /* On crée l’icône "i" */
-  .description::before {
-    content: "i";
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    line-height: 20px;
-    border-radius: 50%;
-    background-color: #333;
-    color: #fff;
-    text-align: center;
-    font-weight: bold;
-    font-size: 14px;
-    cursor: pointer;
-    font-family: Arial, sans-serif;
-  }
-  
-  /* Tooltip : on réaffiche le vrai texte stocké */
-  .description::after {
-    content: attr(data-text); /* On va injecter le texte via un attribut */
-    visibility: hidden;
-    opacity: 0;
-    width: 250px;
-    background-color: #333;
-    color: #fff;
-    text-align: left;
-    border-radius: 6px;
-    padding: 8px;
-    position: absolute;
-    z-index: 1;
-    top: 120%;
-    left: 50%;
-    transform: translateX(-50%);
-    transition: opacity 0.3s;
-    font-size: 13px;
-    line-height: 1.4;
-    pointer-events: none;
-  }
-  
-  /* Affichage au survol */
-  .description:hover::after {
-    visibility: visible;
-    opacity: 1;
-  }
-  
+    //////////////// bulles d'infos ////////////////
+        /* On cache le texte mais on le garde accessible */
+        .description {
+            position: relative;
+            display: inline-block;
+            color: transparent;        /* rend le texte invisible */
+            font-size: 0;              /* supprime l'espace du texte */
+        }
+        
+        /* On crée l’icône "i" */
+        .description::before {
+            content: "i";
+            display: inline-block;
+            width: 20px;
+            height: 20px;
+            line-height: 20px;
+            border-radius: 50%;
+            background-color: #333;
+            color: #fff;
+            text-align: center;
+            font-weight: bold;
+            font-size: 14px;
+            cursor: pointer;
+            font-family: Arial, sans-serif;
+        }
+        
+        /* Tooltip : on réaffiche le vrai texte stocké */
+        .description::after {
+            content: attr(data-text); /* On va injecter le texte via un attribut */
+            visibility: hidden;
+            opacity: 0;
+            width: 250px;
+            background-color: #333;
+            color: #fff;
+            text-align: left;
+            border-radius: 6px;
+            padding: 8px;
+            position: absolute;
+            z-index: 1;
+            top: 120%;
+            left: 50%;
+            transform: translateX(-50%);
+            transition: opacity 0.3s;
+            font-size: 13px;
+            line-height: 1.4;
+            pointer-events: none;
+        }
+        
+        /* Affichage au survol */
+        .description:hover::after {
+            visibility: visible;
+            opacity: 1;
+        }
+    
+    //////////////// bulles d'infos ////////////////    
     
+
+    .js-form-type-managed-file{
+        label{
+            &:after{
+                content: " :";
+            }
+        }
+    }
+    .paragraphs-add-wrapper{
+        text-transform: uppercase;
+        font-size: 0.9rem;
+        font-weight: 400;
+    
+        @media (max-width:891px) {
+            font-size: 1rem;
+            }
+            p{margin: 0;
+            padding: 0.3rem;}
+        :hover{
+            background-color: $yellow-puca;
+        }
+    }
 }
 
 // #edit-field-dossier-de-pilotage-wrapper
@@ -132,4 +167,6 @@
         content: "";
         border-top: solid 1px black;
     }
-}
+}
+
+

web/themes/custom/reha/scss/partials/_forms.scss

@@ -20,11 +20,14 @@ input{
     }
 }
 .form-submit{
-
-    height: 2.5rem !important;
-    margin-bottom: 1rem;
-    font-size: 1.2rem;
-    font-weight: 300;
+    text-transform: uppercase;
+    font-size: 0.9rem;
+    font-weight: 400;
+    font-family: "Marianne", sans-serif;
+    // height: 2.5rem !important;
+    // margin-bottom: 1rem;
+    // font-size: 1.2rem;
+    // font-weight: 300;
     width: fit-content;
     @extend %buttonwithborder;
     @media (max-width:891px) {