From 53d116a6ccde1bb1f154d39d332bdd5ec6bea8cd Mon Sep 17 00:00:00 2001 From: Antoine M Date: Wed, 23 Aug 2023 17:34:52 +0200 Subject: [PATCH] few corrections on css and templates files --- css/app.css | 66 ++++++++++++++++++- css/editor-style.css | 8 --- js/app.js | 4 +- resources/css/blocks/chapter-header-block.css | 4 +- resources/css/blocks/highlight.css | 3 + .../editor-content/color-taxonomy-scheme.css | 15 +++++ resources/js/single-conseil.js | 2 +- ...seils.php => template-archive-conseils.php | 0 ...ions.php => template-archive-questions.php | 0 .../post-conseils/chapter-header.css | 8 +-- 10 files changed, 92 insertions(+), 18 deletions(-) rename template-conseils.php => template-archive-conseils.php (100%) rename template-questions.php => template-archive-questions.php (100%) diff --git a/css/app.css b/css/app.css index 211436a..2bde30b 100644 --- a/css/app.css +++ b/css/app.css @@ -2094,8 +2094,8 @@ summary { margin-top: 2rem; display: flex; max-width: 1440px; - align-content: space-between; align-items: center; + justify-content: center; border-radius: 1rem; padding: 2rem; } @@ -3086,15 +3086,27 @@ header#main-header { .entry-content--acoustique-coproprietes h2, .entry-content--acoustique-coproprietes h3, + .entry-content--acoustique-coproprietes h4, + .entry-content--acoustique-coproprietes h5, + .entry-content--acoustique-coproprietes h6, .entry-content--acoustique-coproprietes ul li::marker, body.acoustique-coproprietes h2, body.acoustique-coproprietes h3, + body.acoustique-coproprietes h4, + body.acoustique-coproprietes h5, + body.acoustique-coproprietes h6, body.acoustique-coproprietes ul li::marker, .post-conseil-page--acoustique-coproprietes h2, .post-conseil-page--acoustique-coproprietes h3, + .post-conseil-page--acoustique-coproprietes h4, + .post-conseil-page--acoustique-coproprietes h5, + .post-conseil-page--acoustique-coproprietes h6, .post-conseil-page--acoustique-coproprietes ul li::marker, .post-question-page--acoustique-coproprietes h2, .post-question-page--acoustique-coproprietes h3, + .post-question-page--acoustique-coproprietes h4, + .post-question-page--acoustique-coproprietes h5, + .post-question-page--acoustique-coproprietes h6, .post-question-page--acoustique-coproprietes ul li::marker { --tw-text-opacity: 1; color: rgb(36 94 242 / var(--tw-text-opacity)); @@ -3128,15 +3140,27 @@ header#main-header { .entry-content--energies-urbanisme h2, .entry-content--energies-urbanisme h3, + .entry-content--energies-urbanisme h4, + .entry-content--energies-urbanisme h5, + .entry-content--energies-urbanisme h6, .entry-content--energies-urbanisme ul li::marker, body.energies-urbanisme h2, body.energies-urbanisme h3, + body.energies-urbanisme h4, + body.energies-urbanisme h5, + body.energies-urbanisme h6, body.energies-urbanisme ul li::marker, .post-conseil-page--energies-urbanisme h2, .post-conseil-page--energies-urbanisme h3, + .post-conseil-page--energies-urbanisme h4, + .post-conseil-page--energies-urbanisme h5, + .post-conseil-page--energies-urbanisme h6, .post-conseil-page--energies-urbanisme ul li::marker, .post-question-page--energies-urbanisme h2, .post-question-page--energies-urbanisme h3, + .post-question-page--energies-urbanisme h4, + .post-question-page--energies-urbanisme h5, + .post-question-page--energies-urbanisme h6, .post-question-page--energies-urbanisme ul li::marker { --tw-text-opacity: 1; color: rgb(2 126 80 / var(--tw-text-opacity)); @@ -3170,15 +3194,27 @@ header#main-header { .entry-content--isolation-quotidien h2, .entry-content--isolation-quotidien h3, + .entry-content--isolation-quotidien h4, + .entry-content--isolation-quotidien h5, + .entry-content--isolation-quotidien h6, .entry-content--isolation-quotidien ul li::marker, body.isolation-quotidien h2, body.isolation-quotidien h3, + body.isolation-quotidien h4, + body.isolation-quotidien h5, + body.isolation-quotidien h6, body.isolation-quotidien ul li::marker, .post-conseil-page--isolation-quotidien h2, .post-conseil-page--isolation-quotidien h3, + .post-conseil-page--isolation-quotidien h4, + .post-conseil-page--isolation-quotidien h5, + .post-conseil-page--isolation-quotidien h6, .post-conseil-page--isolation-quotidien ul li::marker, .post-question-page--isolation-quotidien h2, .post-question-page--isolation-quotidien h3, + .post-question-page--isolation-quotidien h4, + .post-question-page--isolation-quotidien h5, + .post-question-page--isolation-quotidien h6, .post-question-page--isolation-quotidien ul li::marker { --tw-text-opacity: 1; color: rgb(194 69 3 / var(--tw-text-opacity)); @@ -3212,15 +3248,27 @@ header#main-header { .entry-content--patrimoine-renovation h2, .entry-content--patrimoine-renovation h3, + .entry-content--patrimoine-renovation h4, + .entry-content--patrimoine-renovation h5, + .entry-content--patrimoine-renovation h6, .entry-content--patrimoine-renovation ul li::marker, body.patrimoine-renovation h2, body.patrimoine-renovation h3, + body.patrimoine-renovation h4, + body.patrimoine-renovation h5, + body.patrimoine-renovation h6, body.patrimoine-renovation ul li::marker, .post-conseil-page--patrimoine-renovation h2, .post-conseil-page--patrimoine-renovation h3, + .post-conseil-page--patrimoine-renovation h4, + .post-conseil-page--patrimoine-renovation h5, + .post-conseil-page--patrimoine-renovation h6, .post-conseil-page--patrimoine-renovation ul li::marker, .post-question-page--patrimoine-renovation h2, .post-question-page--patrimoine-renovation h3, + .post-question-page--patrimoine-renovation h4, + .post-question-page--patrimoine-renovation h5, + .post-question-page--patrimoine-renovation h6, .post-question-page--patrimoine-renovation ul li::marker { --tw-text-opacity: 1; color: rgb(139 47 247 / var(--tw-text-opacity)); @@ -3254,15 +3302,27 @@ header#main-header { .entry-content--location h2, .entry-content--location h3, + .entry-content--location h4, + .entry-content--location h5, + .entry-content--location h6, .entry-content--location ul li::marker, body.location h2, body.location h3, + body.location h4, + body.location h5, + body.location h6, body.location ul li::marker, .post-conseil-page--location h2, .post-conseil-page--location h3, + .post-conseil-page--location h4, + .post-conseil-page--location h5, + .post-conseil-page--location h6, .post-conseil-page--location ul li::marker, .post-question-page--location h2, .post-question-page--location h3, + .post-question-page--location h4, + .post-question-page--location h5, + .post-question-page--location h6, .post-question-page--location ul li::marker { --tw-text-opacity: 1; color: rgb(223 0 43 / var(--tw-text-opacity)); @@ -3891,6 +3951,10 @@ article > *:not(.entry-content, .chapter-header-block), padding-bottom: 1rem; } +.homegrade-blocks-highlight__block-title { + padding-bottom: 0px !important; +} + .homegrade-blocks-highlight .icon { --tw-bg-opacity: 1; background-color: rgb(47 1 84 / var(--tw-bg-opacity)); diff --git a/css/editor-style.css b/css/editor-style.css index f08c58b..b87791b 100644 --- a/css/editor-style.css +++ b/css/editor-style.css @@ -91,14 +91,6 @@ margin-bottom: 3rem } -.mt-8 { - margin-top: 2rem -} - -.mt-16 { - margin-top: 4rem -} - .block { display: block } diff --git a/js/app.js b/js/app.js index 47b5441..3cc30bc 100644 --- a/js/app.js +++ b/js/app.js @@ -206,7 +206,7 @@ function singleConseil() { let chapterIndex = document.querySelector(".chapter_index"); let questionBlocks = document.querySelectorAll(".questions-container-block"); - function handleLinksBehavior2() { + function handleLinksBehavior() { let chapterLinks = document.querySelectorAll(".chapter_index__link"); chapterLinks.forEach((link) => { link.addEventListener("click", (e) => { @@ -223,8 +223,8 @@ function handleChapterIndicatorPosition() { let chapterIndicator = document.querySelector(".chapter_index__position-indicator"); } + handleLinksBehavior(); } - handleLinksBehavior(); // resources/js/app.js window.addEventListener("load", function() { diff --git a/resources/css/blocks/chapter-header-block.css b/resources/css/blocks/chapter-header-block.css index a784335..bf2f65e 100644 --- a/resources/css/blocks/chapter-header-block.css +++ b/resources/css/blocks/chapter-header-block.css @@ -1,4 +1,4 @@ -.homegrade-blocks-chapter-header-block { +/* .homegrade-blocks-chapter-header-block { @apply p-8 md:px-16; &__page-thematic-title { @apply text-xl uppercase font-bold tracking-wider pb-4; @@ -13,4 +13,4 @@ @apply my-8; } } -} +} */ diff --git a/resources/css/blocks/highlight.css b/resources/css/blocks/highlight.css index b3439c6..d558398 100644 --- a/resources/css/blocks/highlight.css +++ b/resources/css/blocks/highlight.css @@ -4,6 +4,9 @@ h3 { @apply pb-4; } + &__block-title { + @apply !pb-0; + } .icon { @apply bg-primary; } diff --git a/resources/css/editor-content/color-taxonomy-scheme.css b/resources/css/editor-content/color-taxonomy-scheme.css index ccda6b2..a5b2bdf 100644 --- a/resources/css/editor-content/color-taxonomy-scheme.css +++ b/resources/css/editor-content/color-taxonomy-scheme.css @@ -4,6 +4,9 @@ body.acoustique-coproprietes, .post-question-page--acoustique-coproprietes { h2, h3, + h4, + h5, + h6, ul li::marker { @apply text-acoustique-coproprietes; } @@ -27,6 +30,9 @@ body.energies-urbanisme, .post-question-page--energies-urbanisme { h2, h3, + h4, + h5, + h6, ul li::marker { @apply text-energies-urbanisme; } @@ -48,6 +54,9 @@ body.isolation-quotidien, .post-question-page--isolation-quotidien { h2, h3, + h4, + h5, + h6, ul li::marker { @apply text-isolation-quotidien; } @@ -69,6 +78,9 @@ body.patrimoine-renovation, .post-question-page--patrimoine-renovation { h2, h3, + h4, + h5, + h6, ul li::marker { @apply text-patrimoine-renovation; } @@ -90,6 +102,9 @@ body.location, .post-question-page--location { h2, h3, + h4, + h5, + h6, ul li::marker { @apply text-location; } diff --git a/resources/js/single-conseil.js b/resources/js/single-conseil.js index eb25a75..7be72c6 100644 --- a/resources/js/single-conseil.js +++ b/resources/js/single-conseil.js @@ -21,8 +21,8 @@ export default function singleConseil() { function handleChapterIndicatorPosition() { let chapterIndicator = document.querySelector('.chapter_index__position-indicator'); } + handleLinksBehavior(); } -handleLinksBehavior(); // console.log(chapterIndex); // console.log(questionBlocks); // console.log(chapterLinks); diff --git a/template-conseils.php b/template-archive-conseils.php similarity index 100% rename from template-conseils.php rename to template-archive-conseils.php diff --git a/template-questions.php b/template-archive-questions.php similarity index 100% rename from template-questions.php rename to template-archive-questions.php diff --git a/template-components/post-conseils/chapter-header.css b/template-components/post-conseils/chapter-header.css index 7ed9641..a727b61 100644 --- a/template-components/post-conseils/chapter-header.css +++ b/template-components/post-conseils/chapter-header.css @@ -1,10 +1,10 @@ .post-conseils-chapter-header { @apply p-8 md:px-16 mt-8 max-w-screen-2xl flex - content-between - items-center mx-auto - rounded-2xl - items-center; + justify-center + items-center + mx-auto + rounded-2xl; margin-bottom: 20px;