dashboard-ui/modules/listview/listview.css
2023-08-31 15:30:17 +02:00

1 line
15 KiB
CSS

.listItem{background:0 0;border:0;outline:0!important;color:inherit;vertical-align:middle;font-family:inherit;font-size:inherit;margin:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:start;padding:0;-webkit-flex-shrink:0;flex-shrink:0;text-decoration:none;line-height:inherit;-webkit-tap-highlight-color:transparent}.listItem.listItem-border{position:relative}.listItem.dragging-over{contain:none}.listItem:not(.virtualScrollItem).dragging-over{position:relative}.dragging-over-top::before{content:' ';height:.1em;position:absolute;top:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;z-index:99999;border-radius:100em}.dragging-over-bottom::after{content:' ';height:.1em;position:absolute;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;z-index:99999;border-radius:100em}.listItem-noverticalpadding{padding-top:0;padding-bottom:0}.listItemCursor{cursor:pointer}@media not all and (pointer:fine){.listItemContent-touchzoom{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition-delay:0.1s}.listItem:active>.listItemContent-touchzoom{-webkit-transform:scale(1.03);transform:scale(1.03)}}.listItem-content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;position:relative;contain:layout style;box-sizing:border-box}.listItem-content-withwrap{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:initial;align-items:initial}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content::before{position:absolute;content:" ";top:0;left:-.6em;right:-.6em;bottom:0;border-radius:.6em;z-index:-1}}.listItem-border{margin-bottom:.32em}.listItem-border::after{content:" ";position:absolute;left:0;right:0;bottom:-.16em;height:.06em}@media not all and (pointer:fine){.listItem-border-autohide{margin-bottom:0}.listItem-border-autohide::after{display:none}.listItem-border-autohide .listItemBody{padding-top:.3em;padding-bottom:.3em}}.listItem-content-margin{margin:.27em 0}.listItem-content-marginx2{margin:.5em 0}.listItem-content-marginx3{margin:1em 0}.listItem-innerwrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-grow:1;flex-grow:1;-webkit-align-items:center;align-items:center}.listItem-indexnumberleft{min-width:1.9em;text-align:start}.listItemImageContainer,.listItemImage,.listItemIcon,.listItemAside{-webkit-flex-shrink:0;flex-shrink:0}.listItemButton{margin:0;-webkit-flex-shrink:0;flex-shrink:0;contain:layout style;-webkit-align-self:center;align-self:center}@media not all and (pointer:fine){.listItemContextMenuButton-autohide{display:none}}.listItemBody{-webkit-flex-grow:1;flex-grow:1;padding:.44em .75em;min-height:2.4em;overflow:hidden;text-overflow:ellipsis;-webkit-flex-direction:column;flex-direction:column;vertical-align:middle;-webkit-justify-content:center;justify-content:center;text-align:start;-webkit-align-items:initial;align-items:initial;margin:0}.listItemBody-reduceypadding{padding-top:.24em;padding-bottom:.24em}.listItemBody-draghandle{min-height:3.4em}.listItemBody-3-lines{min-height:4.29em}.listItemBody-4-lines{min-height:5.72em}.listItemBody-5-lines{min-height:7.15em}.listItemBody-6-lines{min-height:8.58em}.listItemBody-7-lines{min-height:10.01em}.listItemBody-noleftpadding{-webkit-padding-start:0!important;padding-inline-start:0!important}.listItemBody-code{font-family:monospace}.listItemBody-noverticalpadding{padding-top:0;padding-bottom:0}.listItemBodyText{margin:0;overflow:hidden;text-overflow:ellipsis}h3.listItemBodyText{margin:.25em 0 0;font-weight:600}.listItemBodyText-nowrap{white-space:nowrap}.listItemBodyText-withmediainfo{margin:.35em 0;-webkit-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.listItemBodyText-secondary{font-size:92%}@media all and (min-width:50em){.listItemBodyText-secondary-of{font-size:inherit}}@media not all and (pointer:fine){.listItemBodyText-lf{font-size:113%}.listItemBodyText-lf.listItemBodyText-secondary{font-size:88%}}.listItemImageContainer{width:3.42em;height:3.42em;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.3em;overflow:hidden;content-visibility:auto;contain:strict;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0}.listItemImageContainer-margin{margin:.27em 0}.listItem-hoverable:hover .listItemImageContainer:not(.listItemImageContainer-margin),.listItem-tv:focus .listItemImageContainer:not(.listItemImageContainer-margin){border-start-end-radius:0;border-end-end-radius:0}.listItem-tv:focus .listItem-content-fb::before{content:" ";position:absolute;top:-.33em;left:-.33em;right:-.33em;bottom:-.33em;border-width:.25em;border-style:solid;border-radius:.7em}.listItemImageContainer-fourThree{width:4.56em;height:3.42em}.listItemImageContainer-backdrop{width:6.08em;height:3.26em}.listItemImageContainer-portrait{width:4.4666666666667em;height:6.7em}.listItemImageContainer-small.listItemImageContainer-square{height:4.2em;width:4.2em}.listItemImageContainer-medium{height:9em;width:16em;-webkit-margin-end:.25em;margin-inline-end:.25em}.listItemImageContainer-medium.listItemImageContainer-backdrop{height:7em;width:12.44444444444em}.listItemImageContainer-medium.listItemImageContainer-fourThree{width:8em;height:6em}.listItemImageContainer-medium.listItemImageContainer-portrait{height:7em;width:4.666666667em}.listItemImageContainer-medium.listItemImageContainer-square{height:7em;width:7em}@supports (width:max(10em,5vw)){.listItemImageContainer-medium.listItemImageContainer-backdrop{height:min(7em,20vw);width:calc(min(7em,20vw) * 16 / 9)}.listItemImageContainer-large.listItemImageContainer-fourThree{height:min(8em,20vmin);width:calc(min(8em,20vmin) * 4 / 3)}}.listItemImageContainer-large{width:20vw;height:11.25vw;-webkit-margin-end:.25em;margin-inline-end:.25em}.listItemImageContainer-large.listItemImageContainer-fourThree{height:12vw;width:16vw}.listItemImageContainer-large.listItemImageContainer-portrait{height:12vw;width:8vw}.listItemImageContainer-large.listItemImageContainer-square{height:12vw;width:12vw}@supports (width:max(10em,5vw)){.listItemImageContainer-large.listItemImageContainer-backdrop{height:min(10em,22vw);width:calc(min(10em,22vw) * 16 / 9)}.listItemImageContainer-large.listItemImageContainer-fourThree{height:min(16em,30vmin);width:calc(min(16em,30vmin) * 4 / 3)}.listItemImageContainer-large.listItemImageContainer-portrait{height:min(16em,30vmin);width:calc(min(16em,30vmin) * 2 / 3)}.listItemImageContainer-large.listItemImageContainer-square{height:min(16em,30vmin);width:min(16em,30vmin)}}.listItemImageContainer-large-tv.listItemImageContainer-backdrop{width:17.777777777777777778em;height:10em}.listItemImageContainer-large-tv.listItemImageContainer-fourThree{width:16em;height:12em}.listItemImageContainer-large-tv.listItemImageContainer-square{width:12em;height:12em}.listItemImageContainer-large-tv.listItemImageContainer-portrait{width:8em;height:12em}@supports (aspect-ratio:2 / 3){.listItemImageContainer-backdrop,.listItemImageContainer-fourThree,.listItemImageContainer-square,.listItemImageContainer-portrait{width:auto!important}}.listItemImage{border-radius:inherit;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;width:100%;height:100%;object-position:center center;contain:layout style paint;content-visibility:auto}.listItemImage:not(.coveredImage){background-size:contain;object-fit:contain}.listItemImage.coveredImage{background-size:contain;object-fit:contain}.listItemImage.coveredImage-noScale{background-size:contain;object-fit:contain}.listItemImage-round,.listItemImageContainer-round{border-radius:100em}.listItemImage-fourThree{width:100%}.listItemImage-backdrop{width:100%}.listItemImage-square{width:100%}.listItemImage-portrait{height:100%}@supports (aspect-ratio:2 / 3){.listItemImage.coveredImage{background-size:100% 100%;object-fit:fill}.listItemImage.coveredImage-noScale{background-size:cover;object-fit:cover}.listItemImage-fourThree{height:auto}.listItemImage-backdrop{height:auto}.listItemImage-square{height:auto}.listItemImage-portrait{width:auto}}.listItemImage.coveredImage-contain{background-size:contain;object-fit:contain}.listItemImageButton{margin:0;color:#fff;font-size:1em;background:0 0;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;display:-webkit-flex;display:flex;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;-webkit-margin-start:-1.85em;margin-inline-start:-1.85em;margin-top:-1.85em}@media (hover:hover) and (pointer:fine){.listItemImageButton{display:none}}.listItemImageButton-icon{background:rgba(0,0,0,.5);border:.09em solid currentcolor;border-radius:100em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:.16em}.listItemIcon{font-size:163%;padding:0 .25em}.listItemImageContainer-smaller .listItemIcon{font-size:200%}.listItemImageContainer-medium .listItemIcon{font-size:240%}.listItemImageContainer>.listItemIcon{margin:0}.drag-preventScrollY{overflow-y:hidden!important}.listViewDragHandle{touch-action:none;padding:.66em;-webkit-align-self:center;align-self:center}.listItemProgressBar{position:absolute!important;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0}.listItem-button:focus .listItem-content-bg{border-radius:.6em}.listItem:focus-visible .listItem-content-bg{border-radius:.6em}.listItem:focus .secondary{color:inherit!important}.listItem-focusscale{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.listItem-focusscale:focus{-webkit-transform:scale(1.025,1.025);transform:scale(1.025,1.025)}.listItemMediaInfo{display:none;-webkit-align-items:center;align-items:center;-webkit-margin-end:1em;margin-inline-end:1em;-webkit-flex-shrink:0;flex-shrink:0}.listGroupHeader-first{margin-top:0}.listItemIndicator{right:.324em;inset-inline-start:initial;inset-inline-end:.324em;top:.324em;position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.listItemIndicator-mini{right:.2em;inset-inline-start:initial;inset-inline-end:.2em;top:.2em}.listItem,.listItemBody,.listItemMediaInfo{display:-webkit-flex;display:flex;contain:layout style}.listItem-bottomoverview{font-size:88%;height:3.1em;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}@supports (container-type:inline-size){@container itemscontainer-list not (min-width:50em){.listItem-overview-autohide,.listItemMediaInfo-autohide{display:none!important}}@container itemscontainer-list not (min-width:75em){.listViewUserDataButton{display:none!important}}@container itemscontainer-list (min-width:50em){.listItem-bottomoverview{display:none!important}}}@supports not (container-type:inline-size){@media not all and (min-width:50em){.listItem-overview-autohide,.listItemMediaInfo-autohide{display:none!important}}@media all and (min-width:50em){.listItem-bottomoverview{display:none!important}}@media not all and (min-width:75em){.listViewUserDataButton{display:none!important}}}.listItem-overview{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3.1em;height:3.1em}.listItem-overview-3-lines{-webkit-line-clamp:3;max-height:4.41em;height:4.41em}.listItem-topoverview{height:initial;-webkit-margin-end:.25em;margin-inline-end:.25em}.listItemCheckboxContainer{width:auto!important}.listItemPlayedIndicator{font-size:1.6em}.listItemPlayedIndicator.listItemIndicator-mini{font-size:1.1em}.listItem .mediaStreamAttribute{-webkit-padding-start:2.3em;padding-inline-start:2.3em}@media not all and (pointer:fine){.listItem-textActionButton{pointer-events:none!important}}.listItemOverlayButton-hover{display:none;position:absolute;margin:0!important;color:#fff!important}.listItem-indexnumberleft-withhoverbutton .listItemOverlayButton-hover{margin-top:0!important;margin-bottom:0!important;-webkit-margin-start:-.756em!important;margin-inline-start:-.756em!important;-webkit-margin-end:0!important;margin-inline-end:0!important}@media all and (hover:hover) and (pointer:fine){.listItemOverlayButtonIcon{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.listItemOverlayButton-hover:hover .listItemOverlayButtonIcon{-webkit-transform:scale(1.2);transform:scale(1.2)}.listItem-indexnumberleft-withhoverbutton{min-width:2.4em;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.listItem:hover .listItemOverlayButton-hover{display:-webkit-flex;display:flex}}.listItemOverlayButton-imagehover{background:rgba(0,0,0,.6);border-radius:0!important;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;width:100%}.listItemOverlayButtonIcon{border-radius:100em;width:1.25em!important;height:1.25em!important;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:1.5em!important}.chkListItemSelectContainer{font-size:70%;width:auto!important;-webkit-padding-end:1em!important;padding-inline-end:1em!important;-webkit-margin-end:.4em!important;margin-inline-end:.4em!important;-webkit-padding-start:.75em!important;padding-inline-start:.75em!important;height:100%;display:none!important}@media (hover:hover) and (pointer:fine){.chkListItemSelectContainer{position:absolute!important;left:-4em;inset-inline-start:-4em;inset-inline-end:initial;width:4em!important;opacity:0;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex!important;display:flex!important}.item-multiselected .chkListItemSelectContainer,.multi-select-active .chkListItemSelectContainer{opacity:1}.listItem:hover .chkListItemSelectContainer{opacity:1;border-start-start-radius:.6em;border-end-start-radius:.6em}}@media not all and (pointer:fine){.item-multiselected .chkListItemSelectContainer,.multi-select-active .chkListItemSelectContainer{display:-webkit-flex!important;display:flex!important}}.chkListItemSelect-checkboxLabel,.chkListItemSelect-checkboxLabel::before{border-radius:100em!important}.chkListItemSelect-checkboxLabel::before{border-width:.2em!important}.chkListItemSelect-checkboxLabel::after{border-width:.2em!important}.multi-select-active .listItemIndicator,.multi-select-active .listItemOverlayButton-hover,.multi-select-active .listItemButton,.multi-select-active .listItemImageButton,.multi-select-active .listViewDragHandle{display:none!important}.listItem-emby-checkbox-label{margin-top:0!important;margin-bottom:0!important;-webkit-margin-start:.25em!important;margin-inline-start:.25em!important;-webkit-margin-end:.75em!important;margin-inline-end:.75em!important;width:auto!important}.listItem-checkboxLabel-round{-webkit-margin-end:1em!important;margin-inline-end:1em!important;font-size:88%}.listItem-checkboxLabel-round::before{border-radius:100em!important;border-width:.16em!important}