diff --git a/item/item.js b/item/item.js index bf19cdd..08517a5 100644 --- a/item/item.js +++ b/item/item.js @@ -793,7 +793,7 @@ define([ )) : ((hasFocusableButton = !0), parentNameHtml.push( - '' + seriesName + diff --git a/modules/actionsheet/actionsheet.css b/modules/actionsheet/actionsheet.css index 5d8d0fb..142efe2 100644 --- a/modules/actionsheet/actionsheet.css +++ b/modules/actionsheet/actionsheet.css @@ -1 +1,427 @@ -.actionSheet{-webkit-flex-direction:column;flex-direction:column;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;padding:0;border:none;max-height:84%;min-width:30ch;max-width:90%;will-change:transform}.actionSheet-virtualscroll{max-height:70vh;max-height:min(30em,70vh);min-height:20em}.actionSheet-focusscale{contain:style}.actionsheet-centered{text-align:center;-webkit-align-items:center;align-items:center}.actionSheetMenuItem{font-weight:inherit;box-shadow:none;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetMenuItem-iconright .listItem-content,.actionSheetMenuItem-iconright.actionSheetMenuItem-tv{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.actionSheetMenuItem-focusscale:focus{-webkit-transform:scale(1.08)!important;transform:scale(1.08)!important}.actionSheetMenuItem-nofocusscale:focus{-webkit-transform:none!important;transform:none!important}.actionSheetMenuItem:last-child .listItem-border{margin-bottom:0!important}.actionSheetMenuItem:last-child .listItem-border::after{display:none!important}.actionsheetListItemBody{padding-top:.72em!important;padding-bottom:.72em!important;-webkit-padding-start:.6em!important;padding-inline-start:.6em!important;-webkit-padding-end:1em!important;padding-inline-end:1em!important;min-height:initial!important}.actionsheetListItemBody-multiple{min-height:initial!important;padding-top:.6em!important;padding-bottom:.6em!important}.actionsheetListItemBody-iconright{-webkit-padding-start:1em!important;padding-inline-start:1em!important;-webkit-padding-end:2em!important;padding-inline-end:2em!important;min-width:8em}.actionSheetScroller-padded .actionsheetListItemBody-iconright{-webkit-padding-start:.25em!important;padding-inline-start:.25em!important;-webkit-padding-end:1em!important;padding-inline-end:1em!important}.actionSheetItemText{vertical-align:middle;-webkit-flex-grow:1;flex-grow:1;-webkit-justify-content:flex-start;justify-content:flex-start}.actionSheetItemAsideText{font-size:90%;display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-shrink:0;flex-shrink:0;-webkit-margin-start:5ch;margin-inline-start:5ch;-webkit-margin-end:.5em;margin-inline-end:.5em}.actionSheetItemAsideIcon{-webkit-margin-end:1em;margin-inline-end:1em;font-size:160%}.actionSheetScroller{margin-bottom:0!important;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;width:100%;box-sizing:border-box}.actionSheetScroller-padded{padding:.5em 1.1em}@media not all and (pointer:fine){.actionSheetScroller-padded{padding:.5em 0}.actionSheetScroller-padded .listItem-content{-webkit-padding-start:1em!important;padding-inline-start:1em!important;-webkit-padding-end:1em!important;padding-inline-end:1em!important}.actionSheetScroller-padded .actionSheetMenuItem-noicon .listItem-content{-webkit-padding-start:.5em!important;padding-inline-start:.5em!important;-webkit-padding-end:.5em!important;padding-inline-end:.5em!important}}.actionSheetScroller-fullscreen{max-height:74%;max-width:64%;width:auto}.actionSheetScroller-fullscreen-virtual{max-width:initial;width:60ch;width:min(64%,60ch)}.actionSheetScroller-focusscale{margin:-.5em -1em;padding:.5em 1em;box-sizing:content-box}.actionsheetScrollSlider{container-type:initial!important;container-name:initial!important}.actionsheetScrollSlider-bottompadded{padding-bottom:.35em}.btnCloseActionSheet-bottom-tv{width:84%!important;margin:1.5em 0 0!important}@media all and (pointer:fine){.btnCloseActionSheet-multiple:not(.btnCloseActionSheet-bottom-tv){display:none!important}}.actionsheet-scrollSlider-multiple{padding:.5em .25em}.actionsheet-scrollSlider-multiple-tv{padding:.5em 1em}.actionSheetTitle{padding:0 .8em;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;text-align:center}@media all and (min-width:50em) and (min-height:50em){.actionSheetTitle-hideNonFullscreen{display:none!important}}@media all and (min-width:37em) and (min-height:37em){.btnCloseActionSheet-hideNonFullscreen{display:none!important}}.actionSheetText{padding:0 1.15em;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0}.actionSheetBottomText{padding:1em;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;text-align:start;font-size:90%;max-width:60em}.actionSheetItemImageContainer{content-visibility:initial!important;contain:style!important}.actionSheetItemImageContainer-transparent{background:0 0!important}.actionSheetItemImageContainer-customsize{height:2em!important;aspect-ratio:initial!important}.actionSheetItemImageContainer-customwidth:not(.d){width:3.99em!important}.actionsheetMenuItemIcon{margin-top:0!important;margin-bottom:0!important;-webkit-margin-start:0!important;margin-inline-start:0!important;-webkit-margin-end:0!important;margin-inline-end:0!important;padding:0!important}@media all and (pointer:fine){.actionSheet-smallfont{font-size:91%!important}}.actionsheetItemPreviewContent{padding-top:.5em;padding-bottom:.5em;-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:2.1em;padding-inline-end:2.1em;margin:0 -1em;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;font-size:92%;-webkit-flex-grow:1;flex-grow:1;text-align:start;max-width:15em}@media not all and (min-height:37em),not all and (min-width:25em){.actionsheetItemPreviewContent{max-width:initial}.actionSheet-automobile{position:initial!important;top:initial!important;left:inherit!important;inset-inline-start:inherit!important;inset-inline-end:initial!important;width:80%!important;margin:0!important;max-height:72%!important;min-width:initial!important;height:auto!important}}.btnCloseActionSheet-tv{position:fixed;top:.75em;left:.5em;inset-inline-start:.5em;inset-inline-end:initial!important}.btnCloseActionSheet-default{margin:1em 0!important;width:auto!important;-webkit-flex-grow:1;flex-grow:1;-webkit-flex-shrink:0;flex-shrink:0}.actionSheet-bottom{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 1.5em}@media (hover:hover) and (pointer:fine){.actionSheetMenuItem-hiddenfinepointer{display:none!important}}.actionsheetItemPreview{padding-top:.5em}.actionsheetItemPreviewImage-bg{margin-top:.5em;margin-bottom:.5em;-webkit-margin-start:1.1em;margin-inline-start:1.1em;-webkit-margin-end:1em;margin-inline-end:1em;height:4.8em;border-radius:.42em;background-position:center center;background-size:contain;background-repeat:no-repeat;-webkit-flex-shrink:0;flex-shrink:0;-webkit-align-self:center;align-self:center}.actionsheetItemPreviewImage-bg-backdrop{height:2.7em;width:4.8em}.actionsheetItemPreviewImage-bg-fourThree{height:3.6em;width:4.8em}.actionsheetItemPreviewImage-bg-portrait{width:3.2em}.actionsheetItemPreviewImage-bg-square{width:4.8em}@supports (aspect-ratio:2 / 3){.actionsheetItemPreviewImage-bg-backdrop{width:auto}.actionsheetItemPreviewImage-bg-portrait{width:auto}.actionsheetItemPreviewImage-bg-square{width:auto}.actionsheetItemPreviewImage-bg-fourThree{width:auto}}.actionsheetItemPreviewImage-iconcontainer{margin-top:.5em;margin-bottom:.5em;-webkit-margin-start:1.1em;margin-inline-start:1.1em;-webkit-margin-end:.9em;margin-inline-end:.9em;padding:.7em;border-radius:.42em;background:rgba(120,120,120,.3);-webkit-flex-shrink:0;flex-shrink:0}.actionsheetItemPreviewImage-icon{height:1em;width:1em;font-size:2.4em}.actionsheetItemPreviewText{overflow:hidden;text-overflow:ellipsis;margin:0 -1em!important;padding:0 1em!important;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.actionsheetItemPreviewText-main{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.actionsheetPreviewTextItem{max-width:100%;max-width:min(100%,60ch);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.actionsheetItemPreviewText:focus-within{overflow:visible}.actionsheetItemPreviewText:not(.secondaryText){font-weight:600}.actionsheetItemPreviewImage-round{border-radius:100em}.icon_circle_strike{position:relative;border:.12em solid currentcolor;border-radius:100em;font-size:140%!important}.icon_circle_strike::after{position:absolute;left:0;right:0;inset-inline-start:0;inset-inline-end:0;content:" ";width:200%;height:.14em;background:currentcolor;-webkit-transform:rotateZ(40deg);transform:rotateZ(40deg);-webkit-transform-origin:left top;transform-origin:left top} \ No newline at end of file +.actionSheet { + -webkit-flex-direction: column; + flex-direction: column; + display: -webkit-flex; + display: flex; + -webkit-justify-content: center; + justify-content: center; + padding: 0; + border: none; + max-height: 84%; + min-width: 30ch; + max-width: 90%; + will-change: transform; +} +.actionSheet-virtualscroll { + max-height: 70vh; + max-height: min(30em, 70vh); + min-height: 20em; +} +.actionSheet-focusscale { + contain: style; +} +.actionsheet-centered { + text-align: center; + -webkit-align-items: center; + align-items: center; +} +.actionSheetMenuItem { + font-weight: inherit; + box-shadow: none; + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.actionSheetMenuItem-iconright .listItem-content, +.actionSheetMenuItem-iconright.actionSheetMenuItem-tv { + -webkit-flex-direction: row-reverse; + flex-direction: row-reverse; +} +.actionSheetMenuItem-focusscale:focus { + -webkit-transform: scale(1.08) !important; + transform: scale(1.08) !important; +} +.actionSheetMenuItem-nofocusscale:focus { + -webkit-transform: none !important; + transform: none !important; +} +.actionSheetMenuItem:last-child .listItem-border { + margin-bottom: 0 !important; +} +.actionSheetMenuItem:last-child .listItem-border::after { + display: none !important; +} +.actionsheetListItemBody { + padding-top: 0.72em !important; + padding-bottom: 0.72em !important; + -webkit-padding-start: 0.6em !important; + padding-inline-start: 0.6em !important; + -webkit-padding-end: 1em !important; + padding-inline-end: 1em !important; + min-height: initial !important; +} +.actionsheetListItemBody:active { + color: hsl( + var(--theme-primary-color-hue), + var(--theme-primary-color-saturation), + var(--theme-primary-color-lightness) + ) !important; +} +.actionsheetListItemBody-multiple { + min-height: initial !important; + padding-top: 0.6em !important; + padding-bottom: 0.6em !important; +} +.actionsheetListItemBody-iconright { + -webkit-padding-start: 1em !important; + padding-inline-start: 1em !important; + -webkit-padding-end: 2em !important; + padding-inline-end: 2em !important; + min-width: 8em; +} +.actionSheetScroller-padded .actionsheetListItemBody-iconright { + -webkit-padding-start: 0.25em !important; + padding-inline-start: 0.25em !important; + -webkit-padding-end: 1em !important; + padding-inline-end: 1em !important; +} +.actionSheetItemText { + vertical-align: middle; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-justify-content: flex-start; + justify-content: flex-start; +} +.actionSheetItemAsideText { + font-size: 90%; + display: -webkit-flex; + display: flex; + -webkit-justify-content: flex-end; + justify-content: flex-end; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-margin-start: 5ch; + margin-inline-start: 5ch; + -webkit-margin-end: 0.5em; + margin-inline-end: 0.5em; +} +.actionSheetItemAsideIcon { + -webkit-margin-end: 1em; + margin-inline-end: 1em; + font-size: 160%; +} +.actionSheetScroller { + margin-bottom: 0 !important; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + width: 100%; + box-sizing: border-box; +} +.actionSheetScroller-padded { + padding: 0.5em 1.1em; +} +@media not all and (pointer: fine) { + .actionSheetScroller-padded { + padding: 0.5em 0; + } + .actionSheetScroller-padded .listItem-content { + -webkit-padding-start: 1em !important; + padding-inline-start: 1em !important; + -webkit-padding-end: 1em !important; + padding-inline-end: 1em !important; + } + .actionSheetScroller-padded .actionSheetMenuItem-noicon .listItem-content { + -webkit-padding-start: 0.5em !important; + padding-inline-start: 0.5em !important; + -webkit-padding-end: 0.5em !important; + padding-inline-end: 0.5em !important; + } +} +.actionSheetScroller-fullscreen { + max-height: 74%; + max-width: 64%; + width: auto; +} +.actionSheetScroller-fullscreen-virtual { + max-width: initial; + width: 60ch; + width: min(64%, 60ch); +} +.actionSheetScroller-focusscale { + margin: -0.5em -1em; + padding: 0.5em 1em; + box-sizing: content-box; +} +.actionsheetScrollSlider { + container-type: initial !important; + container-name: initial !important; +} +.actionsheetScrollSlider-bottompadded { + padding-bottom: 0.35em; +} +.btnCloseActionSheet-bottom-tv { + width: 84% !important; + margin: 1.5em 0 0 !important; +} +@media all and (pointer: fine) { + .btnCloseActionSheet-multiple:not(.btnCloseActionSheet-bottom-tv) { + display: none !important; + } +} +.actionsheet-scrollSlider-multiple { + padding: 0.5em 0.25em; +} +.actionsheet-scrollSlider-multiple-tv { + padding: 0.5em 1em; +} +.actionSheetTitle { + padding: 0 0.8em; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; + text-align: center; +} +@media all and (min-width: 50em) and (min-height: 50em) { + .actionSheetTitle-hideNonFullscreen { + display: none !important; + } +} +@media all and (min-width: 37em) and (min-height: 37em) { + .btnCloseActionSheet-hideNonFullscreen { + display: none !important; + } +} +.actionSheetText { + padding: 0 1.15em; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.actionSheetBottomText { + padding: 1em; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; + text-align: start; + font-size: 90%; + max-width: 60em; +} +.actionSheetItemImageContainer { + content-visibility: initial !important; + contain: style !important; +} +.actionSheetItemImageContainer-transparent { + background: 0 0 !important; +} +.actionSheetItemImageContainer-customsize { + height: 2em !important; + aspect-ratio: initial !important; +} +.actionSheetItemImageContainer-customwidth:not(.d) { + width: 3.99em !important; +} +.actionsheetMenuItemIcon { + margin-top: 0 !important; + margin-bottom: 0 !important; + -webkit-margin-start: 0 !important; + margin-inline-start: 0 !important; + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; + padding: 0 !important; +} +@media all and (pointer: fine) { + .actionSheet-smallfont { + font-size: 91% !important; + } +} +.actionsheetItemPreviewContent { + padding-top: 0.5em; + padding-bottom: 0.5em; + -webkit-padding-start: 1em; + padding-inline-start: 1em; + -webkit-padding-end: 2.1em; + padding-inline-end: 2.1em; + margin: 0 -1em; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: column; + flex-direction: column; + -webkit-justify-content: center; + justify-content: center; + font-size: 92%; + -webkit-flex-grow: 1; + flex-grow: 1; + text-align: start; + max-width: 15em; +} +@media not all and (min-height: 37em), not all and (min-width: 25em) { + .actionsheetItemPreviewContent { + max-width: initial; + } + .actionSheet-automobile { + position: initial !important; + top: initial !important; + left: inherit !important; + inset-inline-start: inherit !important; + inset-inline-end: initial !important; + width: 80% !important; + margin: 0 !important; + max-height: 72% !important; + min-width: initial !important; + height: auto !important; + } +} +.btnCloseActionSheet-tv { + position: fixed; + top: 0.75em; + left: 0.5em; + inset-inline-start: 0.5em; + inset-inline-end: initial !important; +} +.btnCloseActionSheet-default { + margin: 1em 0 !important; + width: auto !important; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.actionSheet-bottom { + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; + padding: 0 1.5em; +} +@media (hover: hover) and (pointer: fine) { + .actionSheetMenuItem-hiddenfinepointer { + display: none !important; + } +} +.actionsheetItemPreview { + padding-top: 0.5em; +} +.actionsheetItemPreviewImage-bg { + margin-top: 0.5em; + margin-bottom: 0.5em; + -webkit-margin-start: 1.1em; + margin-inline-start: 1.1em; + -webkit-margin-end: 1em; + margin-inline-end: 1em; + height: 4.8em; + border-radius: 0.42em; + background-position: center center; + background-size: contain; + background-repeat: no-repeat; + -webkit-flex-shrink: 0; + flex-shrink: 0; + -webkit-align-self: center; + align-self: center; +} +.actionsheetItemPreviewImage-bg-backdrop { + height: 2.7em; + width: 4.8em; +} +.actionsheetItemPreviewImage-bg-fourThree { + height: 3.6em; + width: 4.8em; +} +.actionsheetItemPreviewImage-bg-portrait { + width: 3.2em; +} +.actionsheetItemPreviewImage-bg-square { + width: 4.8em; +} +@supports (aspect-ratio: 2 / 3) { + .actionsheetItemPreviewImage-bg-backdrop { + width: auto; + } + .actionsheetItemPreviewImage-bg-portrait { + width: auto; + } + .actionsheetItemPreviewImage-bg-square { + width: auto; + } + .actionsheetItemPreviewImage-bg-fourThree { + width: auto; + } +} +.actionsheetItemPreviewImage-iconcontainer { + margin-top: 0.5em; + margin-bottom: 0.5em; + -webkit-margin-start: 1.1em; + margin-inline-start: 1.1em; + -webkit-margin-end: 0.9em; + margin-inline-end: 0.9em; + padding: 0.7em; + border-radius: 0.42em; + background: rgba(120, 120, 120, 0.3); + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.actionsheetItemPreviewImage-icon { + height: 1em; + width: 1em; + font-size: 2.4em; +} +.actionsheetItemPreviewText { + overflow: hidden; + text-overflow: ellipsis; + margin: 0 -1em !important; + padding: 0 1em !important; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; +} +.actionsheetItemPreviewText-main { + -webkit-flex-wrap: nowrap; + flex-wrap: nowrap; +} +.actionsheetPreviewTextItem { + max-width: 100%; + max-width: min(100%, 60ch); + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; +} +.actionsheetItemPreviewText:focus-within { + overflow: visible; +} +.actionsheetItemPreviewText:not(.secondaryText) { + font-weight: 600; +} +.actionsheetItemPreviewImage-round { + border-radius: 100em; +} +.icon_circle_strike { + position: relative; + border: 0.12em solid currentcolor; + border-radius: 100em; + font-size: 140% !important; +} +.icon_circle_strike::after { + position: absolute; + left: 0; + right: 0; + inset-inline-start: 0; + inset-inline-end: 0; + content: " "; + width: 200%; + height: 0.14em; + background: currentcolor; + -webkit-transform: rotateZ(40deg); + transform: rotateZ(40deg); + -webkit-transform-origin: left top; + transform-origin: left top; +} diff --git a/modules/emby-elements/emby-button/emby-button.css b/modules/emby-elements/emby-button/emby-button.css index 6100368..3ddf063 100644 --- a/modules/emby-elements/emby-button/emby-button.css +++ b/modules/emby-elements/emby-button/emby-button.css @@ -214,6 +214,13 @@ var(--theme-text-color-lightness), 0.2); } +.paper-icon-button-light:active { + color: hsl( + var(--theme-primary-color-hue), + var(--theme-primary-color-saturation), + var(--theme-primary-color-lightness) + ) !important; +} .paper-icon-button-light.md-icon { font-size: 1.66956521739130434em; margin: 0 0.17em; diff --git a/modules/listview/listview.css b/modules/listview/listview.css index 1bba5f1..ca084c9 100644 --- a/modules/listview/listview.css +++ b/modules/listview/listview.css @@ -80,6 +80,9 @@ contain: layout style; box-sizing: border-box; } +.listItem-content:active { + color: black; +} .listItem-content-withwrap { -webkit-flex-direction: column; flex-direction: column;