Fix glossary home hero follow truncation
This commit is contained in:
@@ -457,4 +457,86 @@ const {
|
|||||||
line-height: 1.08 !important;
|
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;
|
||||||
|
}
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
Reference in New Issue
Block a user