slight refactoring

blocks-status.php

@@ -2,11 +2,39 @@
 	<h1>Statut des Blocks </h1>
 
 	<ul>
+		<li class="block is_to-test">
+			<h2 class="block-title">Titre</h2>
+			<p class="slug">content-heading</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_to-test">
+			<h2 class="block-title">Image Bannière</h2>
+			<p class="slug">picture-bannner</p>
+			<p class="status">statut:</p>
+		</li>
 		<li class="block is_to-test">
 			<h2 class="block-title">Bloc Question</h2>
 			<p class="slug">questions-container</p>
 			<p class="status">statut:</p>
 		</li>
+		<li class="block is_to-test">
+			<h2 class="block-title">Vocabulaire de la fiche</h2>
+			<p class="slug">vocabulaire-summary</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_to-test">
+			<h2 class="block-title">Zone de formatting : <br />Tooltip de définition de mot</h2>
+			<p class="slug">format-types/tooltip</p>
+			<p class="status">statut:</p>
+		</li>
+		<li class="block is_wip">
+			<h2 class="block-title">Zone de formatting : <br /> Lien brochure</h2>
+			<p class="slug">format-types/tooltip</p>
+			<p class="status">statut:</p>
+			<div class="infos infos--danger">
+				Problème de préfetch du type d'attachement
+			</div>
+		</li>
 		<li class="block is_wip">
 			<h2 class="block-title">Schéma + légende</h2>
 			<p class="slug">focused-schema</p>
@@ -17,18 +45,21 @@
 			<p class="slug">focused-thematique</p>
 			<p class="status">statut:</p>
 		</li>
-		<li class="block is_wip">
+
-			<h2 class="block-title">Image Bannière</h2>
+
-			<p class="slug">picture-bannner</p>
-			<p class="status">statut:</p>
-		</li>
-		<li class="block is_wip">
-			<h2 class="block-title">Vocabulaire de la fiche</h2>
-			<p class="slug">vocabulaire-summary</p>
-			<p class="status">statut:</p>
-		</li>
 	</ul>
 
+	<div class="test-protocole">
+		<h1>Protocole de test</h1>
+		<ul>
+			<li> Pas d'erreur js ?</li>
+			<li>Code clean ?</li>
+			<li>Plusieurs blocks dans la page ok ?</li>
+			<li>Gestion des langues correcte ?</li>
+		</ul>
+
+	</div>
+
 </div>
 
 
@@ -66,7 +97,12 @@
 	ul {
 		list-style: none;
 		padding: 0;
-		padding-bottom: 200px;
+		padding-bottom: 60px;
+	}
+
+	.test-protocole ul {
+		list-style: disc;
+
 	}
 
 	li.block {
@@ -96,6 +132,18 @@
 	}
 
 	.is_wip .status:after {
-		content: "✴️ Work in Progress"
+		content: "✴️ En développement"
+	}
+
+	.infos {
+		margin-top: 20px;
+		border-radius: 5px;
+		padding: 16px 40px;
+	}
+
+	.infos--danger {
+		background-color: #ffdada7a;
+		color: #ff5858;
+		border: 1px solid #ff5858;
 	}
 </style>

css/app.css

@@ -4037,12 +4037,14 @@ article > *:not(.entry-content, .chapter-header-block),
   border-radius: 1rem;
 }
 
-.homegrade-blocks-vocabulaire-summary__title {
+.homegrade-blocks-vocabulaire-summary__title, 
+  .homegrade-blocks-vocabulaire-summary h3 {
   padding-bottom: 1.5rem;
   font-size: 1.875rem;
   line-height: 2.25rem;
   --tw-text-opacity: 1 !important;
   color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
+  /* color: red !important; */
 }
 
 .homegrade-blocks-vocabulaire-summary__content {

resources/css/blocks/vocabulaire-summary.css

@@ -4,8 +4,10 @@
     @apply rounded-2xl mb-4;
   }
 
-  &__title {
+  &__title,
+  h3 {
     @apply text-3xl !text-black pb-6;
+    /* color: red !important; */
   }
   &__content {
     padding-top: 30px;