1 line
8.2 KiB
CSS
1 line
8.2 KiB
CSS
|
.mainDrawer{padding-top:calc(1em + env(safe-area-inset-top,0));padding-inline-start:1em;padding-inline-start:calc(1em + env(safe-area-inset-left,0));padding-inline-end:1em;display:flex;flex-direction:column;overscroll-behavior-y:contain;position:fixed;top:0;left:0;inset-inline-start:0;inset-inline-end:initial;bottom:0;contain:strict;z-index:1099;width:33.15ch;width:clamp(33.15ch,30%,45.5ch);transform:translateX(-100%);box-sizing:border-box;will-change:transform,width;scrollbar-gutter:stable;transition:width 340ms ease-out,transform 340ms ease-out}.mainDrawer-rtl{transform:translateX(100%);padding-inline-start:calc(1em + env(safe-area-inset-right,0))}.mainDrawer.scrollY{overflow-y:overlay}@media all and (pointer:fine){.mainDrawer{width:16.5em;width:calc(16.5em + env(safe-area-inset-left,0))}.mainDrawer-rtl{width:calc(16.5em + env(safe-area-inset-right,0))}.mainDrawerScrollSlider-autofont{font-size:96%}}@media not all and (pointer:fine){.mainDrawer:not(.drawer-docked){width:min(80%,35.5ch)}}.drawer-open{box-shadow:.14em 0 .84em rgba(0,0,0,.1);transform:none}.mainDrawer-tv{width:22%;padding-inline-start:1.5ch!important;padding-inline-end:1.5ch;top:3vh;bottom:3vh;left:calc(3.5vh + env(safe-area-inset-left,0));inset-inline-start:calc(3.5vh + env(safe-area-inset-left,0));inset-inline-end:initial;box-shadow:inset 0 0 0 .07em rgba(0,0,0,.2),0 .56em 2.8em rgba(0,0,0,.55);border-radius:1em}.drawer-opening{transform:translateX(-100%)}.drawer-opening.mainDrawer-rtl{transform:translateX(100%)}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;inset-inline-start:0;inset-inline-end:0;background-color:#000;opacity:0;z-index:1098;will-change:opacity;contain:strict;animation:drawer-backdrop-fadein .38s ease-out normal both;overflow:hidden;overscroll-behavior:contain}.drawer-backdrop-tv{background-color:transparent}.drawer-backdrop-fadeout{animation:drawer-backdrop-fadeout .38s ease-out normal both}@keyframes drawer-backdrop-fadein{from{opacity:0}to{opacity:.3}}@keyframes drawer-backdrop-fadeout{from{opacity:.3}to{opacity:0}}.navDrawerCollapseSection{margin:0 0 .25em!important}.navDrawerCollapseButton{margin:.75em 0 0!important;border:0!important;padding:.25em 0!important}.navDrawerCollapseButton.emby-collapsible-button-collapsed::after{display:none}.navDrawerCollapseContent{border:0!important;padding:0 1em!important;margin:0 -1em!important;user-select:none}.navMenuOption{display:flex;align-items:center;text-decoration:none;color:inherit;vertical-align:middle;flex-shrink:0;font-weight:400!important;margin:0!important;user-select:none}.navMenuOption-listItem-content{padding-inline-start:.7em!important}.navMenuOption-listItem-content-reduceleftpadding{padding-inline-start:.25em!important}.navMenuOption .listItem-border-offset::after{left:1.9em;right:0;inset-inline-start:1.9em;inset-inline-end:0;margin-inline-start:1.35em}.navMenuOption.emby-button-focusscale:focus{transform:scale(1.025)}.navMenuOption-selected .listItem-content::before{position:absolute;content:" ";top:0;left:0;right:0;bottom:0;border-radius:.6em}.navMenuOption:hover .listItem-content::before{left:0;right:0}.navDrawerLogo{width:100%;background-size:contain;margin-top:0!important;margin-bottom:0!important;margin-inline-start:.2em!important;margin-inline-end:0!important;flex-grow:0}.navDrawerLogo-tv{margin-inline-start:.5em!important}.navDrawerHeader{margin:.75em 0;position:relative}.navDrawerHeader-tv{margin-top:.5em}.btnNavDrawerLogo{margin:0!important;padding:0!important}.btnPinNavDrawer{font-size:80%!important;margin:0 -.35em 0 0!important}.btnPinNavDrawer-iconpin{transform:rotate(180deg)}@media all and (pointer:fine){.btnPinNavDrawer-hovershow{visibility:hidden}.navDrawerHeader:hover .btnPinNavDrawer{visibility:visible}.mainDrawer:focus-within .btnPinNavDrawer{visibility:visible}}@media not all and (pointer:fine){.btnToggleNavDrawer{display:none!important}}.navMenuOptionIcon{margin-inline-end:.7em;flex-shrink:0;font-size:1.7em}.navMenuOptionText{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navMenuHeader{margin:0;display:flex;align-items:center;fl
|