pporcheret/Alfredv2
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v4

Browse Source
This commit is contained in:
pporcheret
2026-11-01 15:01:22 +01:00
parent 2c5537aff1
commit e2340807aa
36 changed files with 4952 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
alfred/app/static/css/dona-reply-floating-v1.css
+119
View File
@@ -0,0 +1,119 @@
/* 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;
}
}
alfred/app/static/css/dona-waves-v1.css
+34
View File
@@ -0,0 +1,34 @@
/* Dona — vagues vocales, sélection réversible sans désinstaller. */
body.dona-family-v1.dona-waves-selected .dona-organic-wrap {
width:min(93vw,1400px)!important;
height:clamp(155px,28vh,330px)!important;
min-width:0!important;min-height:155px!important;
max-width:100%!important;filter:none!important;
overflow:visible!important;
}
body.dona-family-v1.dona-waves-selected #donaOrganicCanvas,
body.dona-family-v1.dona-waves-selected .dona-orb-reflection {display:none!important}
body.dona-family-v1 .dona-organic-wrap #donaWavesCanvas {
display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;
}
body.dona-family-v1.dona-waves-selected .dona-organic-wrap #donaWavesCanvas {display:block}
body.dona-family-v1.dona-waves-selected .dona-art-name {margin-top:-5px!important}
.dona-waves-menu-title{color:#c7b8cc;font-size:11px;letter-spacing:.07em;padding:10px 10px 5px;text-transform:uppercase}
.dv92-menu-entry.dona-waves-option[aria-checked="true"] {background:rgba(94,148,208,.19);color:#ffe1b8}
.dona-waves-option .dona-waves-choice-icon{width:22px;min-width:22px;text-align:center;font-size:18px}
@media(max-width:900px){
body.dona-family-v1.dona-waves-selected .dona-organic-wrap{height:clamp(145px,23vh,240px)!important;min-height:145px!important;width:min(96vw,740px)!important}
body.dona-family-v1.dona-waves-selected .dona-art-name{font-size:clamp(32px,8vw,50px)}
}
/* DONA_SCULPTURE_V11 — Visuel organique plus concentré, mêmes events Piper. */
body.dona-family-v1.dona-sculpture-selected .dona-organic-wrap {
width:min(94vw,990px)!important;
height:clamp(210px,39vh,440px)!important;
min-height:210px!important;
}
@media(max-width:900px){
body.dona-family-v1.dona-sculpture-selected .dona-organic-wrap{
width:min(97vw,820px)!important;height:clamp(180px,28vh,295px)!important;min-height:180px!important;
}
}