diff --git a/src/components/GlossaryHomeHero.astro b/src/components/GlossaryHomeHero.astro index 8094d57..f61ded2 100644 --- a/src/components/GlossaryHomeHero.astro +++ b/src/components/GlossaryHomeHero.astro @@ -457,4 +457,86 @@ const { line-height: 1.08 !important; } } + + /* ========================================================= + Glossaire home — follow hero sans troncature + ========================================================= */ + + /* + Le follow du hero doit rester affiché, mais ne doit jamais + être traité comme une ligne compacte à ellipsis. + On neutralise donc localement les règles de compression : + nowrap, overflow hidden, text-overflow, line-clamp. + */ + + .glossary-hero{ + overflow: visible; + } + + .glossary-hero-follow{ + height: auto; + max-height: none; + overflow: visible; + white-space: normal !important; + text-overflow: clip !important; + } + + .glossary-hero-follow, + .glossary-hero-follow *{ + min-width: 0; + } + + .glossary-hero-follow h1, + .glossary-hero-follow p, + .glossary-hero-follow .glossary-hero__collapsible, + .glossary-hero-follow .glossary-hero__toggle{ + white-space: normal !important; + overflow: visible !important; + text-overflow: clip !important; + display: block; + -webkit-line-clamp: unset !important; + line-clamp: unset !important; + -webkit-box-orient: unset !important; + } + + :global(body.glossary-home-follow-on) .glossary-hero{ + min-height: auto; + height: auto; + max-height: none; + overflow: visible; + } + + :global(body.glossary-home-follow-on) .glossary-hero h1{ + white-space: normal !important; + overflow: visible !important; + text-overflow: clip !important; + display: block; + -webkit-line-clamp: unset !important; + line-clamp: unset !important; + -webkit-box-orient: unset !important; + } + + :global(body.glossary-home-follow-on) .glossary-hero p#glossary-hero-intro{ + white-space: normal !important; + overflow: visible !important; + text-overflow: clip !important; + display: block; + -webkit-line-clamp: unset !important; + line-clamp: unset !important; + -webkit-box-orient: unset !important; + } + + @media (max-width: 760px){ + .glossary-hero-follow{ + max-height: none; + overflow: visible; + } + + :global(body.glossary-home-follow-on) .glossary-hero h1, + :global(body.glossary-home-follow-on) .glossary-hero p#glossary-hero-intro{ + -webkit-line-clamp: unset !important; + line-clamp: unset !important; + overflow: visible !important; + } + } \ No newline at end of file