46 lines
3.2 KiB
CSS
46 lines
3.2 KiB
CSS
/* DONA_V7 : météo horaire entièrement consultable, sans scrollbar imbriquée. */
|
|
body.dona-holo-v1.alfred-glass-theme #stage:has(#content.alfred-view) {
|
|
display:flex!important;align-items:stretch!important;justify-content:stretch!important;
|
|
overflow:hidden!important;padding:69px clamp(12px,2vw,28px) 16px!important;
|
|
}
|
|
body.dona-holo-v1.alfred-glass-theme #stage #content.alfred-view {
|
|
display:flex!important;flex:1 1 auto;align-items:stretch;
|
|
height:100%!important;max-height:100%!important;min-height:0!important;
|
|
width:100%!important;margin:0!important;overflow:hidden!important;
|
|
}
|
|
body.dona-holo-v1.alfred-glass-theme #content.alfred-view .view-pane {
|
|
width:100%;height:100%;max-height:none!important;min-height:0;
|
|
overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin;
|
|
scrollbar-color:#607793 transparent;overscroll-behavior:contain;
|
|
padding:5px 10px 30px 2px;
|
|
}
|
|
body.dona-holo-v1 .weather-hours {
|
|
display:flex;overflow-x:auto!important;overflow-y:hidden!important;min-width:0;
|
|
flex:0 0 auto;gap:10px;padding:8px 2px 17px;scrollbar-width:thin;
|
|
scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
|
|
}
|
|
body.dona-holo-v1 .weather-hour {flex:0 0 102px;min-height:132px;scroll-snap-align:start;gap:7px;}
|
|
body.dona-holo-v1 .weather-section-title {margin:14px 0 5px;flex-shrink:0;}
|
|
@media(max-width:700px){
|
|
body.dona-holo-v1.alfred-glass-theme #stage:has(#content.alfred-view){padding:73px 10px 12px!important;}
|
|
body.dona-holo-v1 .weather-hour {flex-basis:90px;}
|
|
}
|
|
/* Bouton de retour historique utilisé par la croix; ne l'afficher jamais. */
|
|
.alfred-glass-theme #stage #avBack.av-reponse-home {display:none!important}
|
|
/* Configuration repliable */
|
|
.dona-config-tools{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 16px}
|
|
.dona-config-tools button{border:1px solid #9ebde563;background:#1a324de6;color:#eaf4ff;border-radius:12px;padding:10px 14px;cursor:pointer}
|
|
body[data-page="config"] section.panel.dona-collapsible{overflow:visible}
|
|
.dona-collapsible > .panel-title {cursor:pointer;display:flex;align-items:center;gap:12px}
|
|
.dona-collapsible .dona-accordion-toggle{margin-left:auto;flex-shrink:0;background:#304b6b;color:white;border:1px solid #94bfea7a;border-radius:11px;padding:7px 11px;min-width:42px;min-height:38px;font-size:19px;cursor:pointer}
|
|
.dona-collapsible .dona-accordion-body[hidden]{display:none!important}
|
|
.dona-collapsible .dona-accordion-body{padding-top:12px}
|
|
/* Reconnaissance faciale */
|
|
.dona-face-panel[hidden]{display:none!important}
|
|
.dona-face-panel{position:fixed;inset:0;z-index:140;background:rgba(2,8,22,.69);display:flex;justify-content:center;align-items:center;padding:16px;backdrop-filter:blur(10px)}
|
|
.dona-face-card{width:min(510px,100%);border-radius:22px;border:1px solid #93b6ef82;background:linear-gradient(125deg,#0a1a32,#1a2646);box-shadow:0 20px 70px #000a;padding:21px 25px;color:#f2f7ff}
|
|
.dona-face-head{display:flex;justify-content:space-between;align-items:center;gap:12px}
|
|
.dona-face-head button{font-size:24px;background:#273d5a;color:#fff;border:1px solid #a4c7ff88;border-radius:50%;height:40px;width:40px;cursor:pointer}
|
|
#donaFaceText{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55}
|
|
#donaFaceButton:disabled{opacity:.5;cursor:wait}
|