slight refactoring

This commit is contained in:
Antoine M 2023-08-31 17:23:12 +02:00
parent 7d409fbd9b
commit 9b3e37dc55
3 changed files with 66 additions and 14 deletions

View File

@ -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>

View File

@ -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 {

View File

@ -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;