120 lines
5.7 KiB
CSS
120 lines
5.7 KiB
CSS
/* DONA_REPLY_FLOATING_V1 — Les réponses textuelles ne recouvrent plus les animations. */
|
|
/* La carte occupe une bande latérale, sans voile de fond ni blocage de la scène. */
|
|
/* La classe de l’écran principal est synchronisée en JS. */
|
|
body.dona-family-v1 .alfred-main-v1.dona-reply-background-visible.is-focused .av-voice-hero,
|
|
body.dona-family-v1 .alfred-main-v1.dona-reply-background-visible.is-focused .dona-art-center {
|
|
opacity:1!important; visibility:visible!important; pointer-events:none!important;
|
|
}
|
|
body.dona-family-v1 .alfred-main-v1.dona-reply-background-visible.is-focused .dona-art-center > * {
|
|
visibility:visible!important;
|
|
}
|
|
|
|
body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact:not(.dona-reply-expanded) {
|
|
position:fixed!important;
|
|
left:auto!important;
|
|
top:clamp(140px,24vh,285px)!important;
|
|
right:clamp(16px,2.5vw,44px)!important;
|
|
bottom:auto!important;
|
|
transform:none!important;
|
|
width:min(410px,calc(100vw - 32px))!important;
|
|
max-width:calc(100vw - 32px)!important;
|
|
max-height:min(65dvh,580px)!important;
|
|
min-height:0!important;
|
|
padding:48px 15px 15px!important;
|
|
overflow:auto!important;
|
|
display:block!important;
|
|
border:1px solid rgba(149,177,232,.36)!important;
|
|
border-radius:22px!important;
|
|
background:linear-gradient(145deg,rgba(12,20,43,.88),rgba(19,20,39,.84))!important;
|
|
box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.05)!important;
|
|
-webkit-backdrop-filter:blur(10px)!important;
|
|
backdrop-filter:blur(10px)!important;
|
|
z-index:28!important;
|
|
align-items:stretch!important;
|
|
justify-content:flex-start!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) #content {
|
|
width:100%!important;
|
|
max-width:100%!important;
|
|
min-width:0!important;
|
|
max-height:none!important;
|
|
overflow:visible!important;
|
|
margin:0!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .av-reponse-actions {
|
|
top:10px!important;right:10px!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .av-reponse-close {
|
|
width:33px!important;min-width:33px!important;min-height:33px!important;
|
|
padding:6px!important;border-radius:11px!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-response {
|
|
display:flex!important;flex-direction:column!important;gap:0!important;
|
|
margin:0!important;max-width:100%!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-primary {
|
|
padding:4px 2px 2px!important;
|
|
min-height:0!important;
|
|
border:0!important;border-radius:0!important;
|
|
box-shadow:none!important;background:transparent!important;
|
|
gap:10px!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-primary::before,
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-response::after {
|
|
display:none!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-kicker {
|
|
font-size:10px!important;letter-spacing:.09em!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-headline {
|
|
font-size:clamp(17px,1.45vw,21px)!important;line-height:1.25!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-excerpt {
|
|
font-size:13px!important;line-height:1.52!important;
|
|
display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:4!important;
|
|
line-clamp:4!important;overflow:hidden!important;
|
|
white-space:normal!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-facts {
|
|
display:none!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-more {
|
|
min-height:38px!important;padding:9px 12px!important;font-size:12px!important;
|
|
margin-top:5px!important;
|
|
}
|
|
/* Mode développé : le contenu et les cartes d'origine réapparaissent.
|
|
L'utilisateur choisit volontairement d'occuper l'écran. */
|
|
body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact.dona-reply-expanded {
|
|
position:fixed!important;
|
|
left:clamp(8px,2vw,30px)!important;right:clamp(8px,2vw,30px)!important;
|
|
top:clamp(85px,10vh,125px)!important;bottom:clamp(95px,9vh,120px)!important;
|
|
width:auto!important;max-width:none!important;max-height:none!important;
|
|
padding:clamp(62px,8vh,92px) 20px 24px!important;
|
|
transform:none!important;overflow:auto!important;
|
|
background:linear-gradient(145deg,rgba(3,8,20,.97),rgba(10,16,35,.97))!important;
|
|
border:1px solid rgba(146,172,231,.38)!important;z-index:30!important;
|
|
}
|
|
/* L'état visuel compact ne s'applique pas aux cartes riches (météo, vidéo, tableaux...). */
|
|
@media (max-width:1050px) {
|
|
body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact:not(.dona-reply-expanded) {
|
|
left:clamp(12px,3vw,28px)!important;
|
|
right:clamp(12px,3vw,28px)!important;
|
|
top:auto!important;
|
|
bottom:clamp(110px,12vh,160px)!important;
|
|
width:auto!important;
|
|
max-width:none!important;
|
|
max-height:min(31dvh,275px)!important;
|
|
padding:43px 14px 12px!important;
|
|
}
|
|
}
|
|
@media (max-width:600px) {
|
|
body.dona-family-v1.dona-holo-v1.alfred-glass-theme #stage.dona-reply-compact:not(.dona-reply-expanded) {
|
|
left:9px!important;right:9px!important;
|
|
bottom:clamp(95px,13vh,125px)!important;
|
|
border-radius:15px!important;max-height:29dvh!important;
|
|
}
|
|
body.dona-family-v1.dona-holo-v1 #stage.dona-reply-compact:not(.dona-reply-expanded) .dh-excerpt {
|
|
-webkit-line-clamp:2!important;line-clamp:2!important;
|
|
}
|
|
}
|