91 lines
2.5 KiB
CSS
91 lines
2.5 KiB
CSS
/* DONA_UI_V921_CLOSE — La grille et son éditeur ne recouvrent plus le bouton Raccourcis. */
|
|
body.dona-family-v1 .dona-tools-tray { isolation: isolate; }
|
|
body.dona-family-v1 .dona-tools-tray > summary {
|
|
position:relative;
|
|
z-index: 4;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray > .dv92-shortcut-toolbar {
|
|
position: absolute;
|
|
left: 0;
|
|
bottom: 61px;
|
|
width: min(690px, 90vw);
|
|
box-sizing: border-box;
|
|
height: 55px !important;
|
|
min-height: 55px !important;
|
|
padding: 7px 12px !important;
|
|
flex-wrap: nowrap !important;
|
|
overflow: hidden;
|
|
border: 1px solid rgba(246,189,171,.30);
|
|
border-radius: 0 0 17px 17px;
|
|
background: rgba(37,25,45,.96);
|
|
backdrop-filter: blur(20px);
|
|
z-index: 2;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .dv92-shortcut-toolbar .dv92-edit-open {
|
|
flex-shrink: 0;
|
|
white-space: nowrap;
|
|
min-height: 37px;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .dv92-shortcut-toolbar .dv92-shortcut-status {
|
|
min-width: 0;
|
|
flex: 1;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray:not([open]) > .dv92-shortcut-toolbar {
|
|
display: none !important;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .av-shortcuts {
|
|
bottom: 116px !important;
|
|
box-sizing: border-box;
|
|
max-height: min(54vh, 450px);
|
|
overflow-y: auto !important;
|
|
overscroll-behavior: contain;
|
|
align-content: start;
|
|
border-radius: 18px 18px 0 0;
|
|
z-index: 2;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .dv921-tray-heading {
|
|
grid-column: 1 / -1;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
gap: 12px;
|
|
font-weight: 700;
|
|
font-size: 14px;
|
|
color: #ffe9dc;
|
|
min-height: 38px;
|
|
border-bottom: 1px solid rgba(255,255,255,.15);
|
|
padding: 0 2px 7px;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .av-shortcuts .dv921-tray-close {
|
|
position: relative;
|
|
display: grid;
|
|
place-items: center;
|
|
flex: 0 0 34px;
|
|
width: 34px;
|
|
height: 34px;
|
|
min-height: 34px !important;
|
|
border: 1px solid rgba(255,255,255,.3);
|
|
border-radius: 50%;
|
|
background: rgba(255,255,255,.12);
|
|
color: #fff;
|
|
font-size: 26px;
|
|
line-height: 1;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .av-shortcuts .dv921-tray-close:hover {
|
|
background: rgba(255,255,255,.23);
|
|
}
|
|
@media (max-width: 620px) {
|
|
body.dona-family-v1 .dona-tools-tray > .dv92-shortcut-toolbar,
|
|
body.dona-family-v1 .dona-tools-tray .av-shortcuts {
|
|
width: min(690px, calc(100vw - 28px));
|
|
}
|
|
body.dona-family-v1 .dona-tools-tray .av-shortcuts {
|
|
max-height: min(46vh, 390px);
|
|
}
|
|
}
|