change sous-titre event

web/themes/custom/popsu_colloque/css/components/header/header.scss

@@ -28,7 +28,7 @@ header{
       }
     }
     #block-renderedsitesettingsblock-2{
-      width: auto;
+      width: 35%;
       border-left: 1px solid $color1;
       padding: 0;
       display: none;
@@ -38,36 +38,45 @@ header{
       .site_setting_entity{
         display: flex;
         align-items: center;
-        justify-content: center;
+        justify-content: flex-start;
         padding: 0 1rem 0 0rem;
         h1{
-          max-width: 100%;
+          width: 100%;
           color: $color2;
           padding-right: 1rem;
           text-transform: uppercase;
           text-align: right;
           align-self: stretch;
           margin: auto 0;
-          width: 100%;
-
         }
         .__info_colloque{
-          width: 100%;
+          width: 50%;
-          align-self: stretch;
-          margin: auto 0;
-          height: 7vw;
           height: auto;
+          display: flex;
+          flex-direction: column;
+          // justify-content: space-between;
           &>div{
+            height: auto;
             &:first-child{
+              color: $color1;
               white-space: nowrap;
               border-bottom: 2px solid $color1;
+              padding-bottom: 0.4rem;
+              margin-bottom: 0.6rem;
+            }
+            &:last-child{
+              p{
+                color: $color2;
+                padding-right: 10px;
+                // width: min-content;
+                margin-bottom: 0;
+              }
             }
           }
         }
       }
     }
     #block-mainnavigation{
-      // max-width: max-content;
       width: max-content;
       .burger{
         padding-top: 0.25rem;

web/themes/custom/popsu_colloque/css/configs/typography.scss

@@ -82,25 +82,18 @@
       margin: auto;
     }
     .__info_colloque{
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
       & > div{
-        height: auto;
         &:first-child{
           font-family: 'truenoregular';
-          color: $color1;
           font-size: 0.9rem;
-          padding-bottom: 0.4rem;
-          margin-bottom: 0.6rem;
         }
         &:last-child{
-          color: $color2;
+          p{
-          font-family: 'truenoregular';
+            font-family: 'truenoregular';
-          font-weight: bold;
+            font-weight: bold;
-          font-size: 0.7rem;
+            font-size: 0.7rem;
-          line-height: 1;
+            line-height: 1;
-          width: min-content;
+          }
         }
       }
     }

web/themes/custom/popsu_colloque/template/components/site-setting-entity--information-global.html.twig

@@ -20,7 +20,7 @@
     {{- content.field_title_colloque -}}
     <div class="__info_colloque">
       {{content.field_date_du_colloque}}
-      {{content.field_sub_title_du_colloque}}
+      {{content.field_field_sub_title_wysiwyg}}
     </div>
   {% endif %}
 </div>