first commit
This commit is contained in:
1
modules/appheader/appheader.css
Normal file
1
modules/appheader/appheader.css
Normal file
@@ -0,0 +1 @@
|
||||
:root{--headerlogo-background-position:left center}.rtl:root{--headerlogo-background-position:right center}.pageTitle{vertical-align:middle;margin:0;-webkit-align-items:center;align-items:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pageTitleWithLogo{background-position:left center;background-position:var(--headerlogo-background-position);background-size:contain;background-repeat:no-repeat;width:10.25em;height:1.25em}.pageTitleWithDefaultLogo{width:4.7em}.darkContentContainer .pageTitleWithDefaultLogo{background-image:url(../themes/logowhite.png)}.headerButton{-webkit-flex-shrink:0;flex-shrink:0}@supports selector(:hover) and (display:revert) and (column-gap:1em){.headerLeft,.headerRight{-webkit-column-gap:.55em;column-gap:.55em}.headerSectionItem{margin:0!important}.headerSelectedPlayer{-webkit-margin-end:-.5em!important;margin-inline-end:-.5em!important}}.pageTitle-marginstart{-webkit-margin-start:.5em!important;margin-inline-start:.5em!important}@media all and (display-mode:minimal-ui){.headerBackButton-showfullscreen{display:none!important}}.headerUserButtonImage{border-radius:1000px}.headroom-hidden.headroom-scrolling .headerSection{visibility:hidden}.skinHeader{container-type:inline-size;container-name:appheader}@supports (height:calc(3.125em + 2 * max(3em,4em))){.skinHeader{padding-top:max(1.2em,env(safe-area-inset-top,0))}}.skinHeader-withnowplaying{padding-top:0}.headerMiddle{overflow:hidden;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;margin:0 auto}.headerMiddle-withSectionTabs{width:60%}.headerLeft{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;overflow:hidden;-webkit-padding-start:.85em;padding-inline-start:.85em;-webkit-flex-grow:1;flex-grow:1;max-width:60%}.headerRight{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;white-space:nowrap;-webkit-padding-end:.85em;padding-inline-end:.85em;-webkit-flex-grow:0;flex-grow:0;-webkit-margin-start:auto;margin-inline-start:auto;max-width:40%}.headerLeft,.headerRight{box-sizing:border-box;-webkit-flex-shrink:1;flex-shrink:1;-webkit-flex-basis:auto;flex-basis:auto}.headerLeft,.headerRight,.headerMiddle{height:3.127em}.headerTop-withSectionTabs .headerLeft,.headerTop-withSectionTabs .headerRight{width:20%}.sectionTabs{text-align:center}.headerClock{margin:0 .25em;display:inline-block;vertical-align:middle;font-weight:600;font-size:118%}.headerSelectedPlayer{font-weight:400;max-width:10em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.button-help{color:#42a5f5!important}.btnHeaderPremiere{-webkit-margin-end:1em;margin-inline-end:1em}@media not all and (min-width:48em){.btnHeaderPremiere{display:none!important}}.tabs-viewmenubar{border-radius:100em;display:-webkit-flex;display:flex;container-type:initial!important;container-name:tabs-viewmenubar!important;padding-top:.25em;padding-bottom:.25em}.main-tab-button{padding:0 1.76ch!important;border-radius:100em!important;max-width:40ch;height:1.8em}
|
||||
1
modules/appheader/appheader.js
Normal file
1
modules/appheader/appheader.js
Normal file
File diff suppressed because one or more lines are too long
1
modules/appheader/appheader_nontv.css
Normal file
1
modules/appheader/appheader_nontv.css
Normal file
@@ -0,0 +1 @@
|
||||
@media all and (orientation:portrait){.pageTitle:not(.pageTitleWithLogo){font-size:1.17em}}@media all and (min-width:60em){.headerHomeButton-withdockeddrawer,.headerMenuButton-withdockeddrawer{display:none!important}.skinHeader-withfulldrawer .pageTitleWithDefaultLogo{display:none}.headerLeft-withdockeddrawer{-webkit-padding-start:3rem;padding-inline-start:3rem}}@supports (container-type:inline-size){@container appheader not (min-width:120em){.headerTop-withSectionTabs{-webkit-flex-wrap:wrap;flex-wrap:wrap}.headerTop-withSectionTabs .headerLeft{width:70%;max-width:initial}.headerTop-withSectionTabs .headerRight{max-width:initial}.headerMiddle-withSectionTabs{-webkit-flex-grow:initial!important;flex-grow:initial!important;-webkit-flex-basis:100%;flex-basis:100%;-webkit-order:3;order:3;margin-top:.45em;width:initial}}}@supports not (container-type:inline-size){@media not all and (min-width:120em){.headerTop-withSectionTabs{-webkit-flex-wrap:wrap;flex-wrap:wrap}.headerTop-withSectionTabs .headerLeft{width:70%;max-width:initial}.headerTop-withSectionTabs .headerRight{max-width:initial}.headerMiddle-withSectionTabs{-webkit-flex-grow:initial!important;flex-grow:initial!important;-webkit-flex-basis:100%;flex-basis:100%;-webkit-order:3;order:3;margin-top:.45em;width:initial}}}@media not all and (min-width:66em){.headerMiddle-withSectionTabs{margin-top:0;height:2.5em}}@media (pointer:fine){.adjustHeaderForEmbeddedScroll{right:1.08em;inset-inline-start:0;inset-inline-end:1.08em}}@media all and (min-width:66em){.tabs-viewmenubar{-webkit-padding-start:3rem;padding-inline-start:3rem;-webkit-padding-end:3rem;padding-inline-end:3rem}}@media not all and (min-width:50em){.headerSettingsButton{display:none!important}}@supports (container-type:inline-size){@container appheader not (min-width:66em){.tabs-viewmenubar-backgroundcontainer{background:0 0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@container appheader (min-width:66em){.tabs-viewmenubar{font-size:112%;-webkit-padding-start:.25em;padding-inline-start:.25em;-webkit-padding-end:.25em;padding-inline-end:.25em}}}@supports not (container-type:inline-size){@media not all and (min-width:66em){.tabs-viewmenubar-backgroundcontainer{background:0 0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media all and (min-width:66em){.tabs-viewmenubar{font-size:112%;-webkit-padding-start:.25em;padding-inline-start:.25em;-webkit-padding-end:.25em;padding-inline-end:.25em}}}@supports (container-type:inline-size){@container appheader (min-width:120em){.tabs-viewmenubar{font-size:116%;max-width:90%}.headerTop-withSectionTabs .headerLeft{-webkit-flex-grow:0;flex-grow:0}}}@supports not (container-type:inline-size){@media all and (min-width:120em){.tabs-viewmenubar{font-size:116%;max-width:90%}.headerTop-withSectionTabs .headerLeft{-webkit-flex-grow:0;flex-grow:0}}}@media not all and (min-width:37.5em){.headerLeft{max-width:calc(100% - 20ch)}.headerRight{max-width:20ch}.headerSelectedPlayer{display:none}}
|
||||
1
modules/appheader/appheader_tv.css
Normal file
1
modules/appheader/appheader_tv.css
Normal file
@@ -0,0 +1 @@
|
||||
.semiTransparent,.appHeader-withfocuspreview{text-shadow:.14em .14em .28em rgba(0,0,0,.45)}.headerNowPlaying{-webkit-flex-basis:100%;flex-basis:100%;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;padding:0 2ch;padding-top:env(safe-area-inset-top,0);height:4em;box-sizing:border-box;margin-bottom:.8em}@supports (height:calc(3.125em + 2 * max(3em,4em))){.headerNowPlaying{height:calc(4em + env(safe-area-inset-top,0))}}.headerTop-withSectionTabs-hideTitle .pageTitle:not(.pageTitleWithDefaultLogo){display:none!important}.headerTop-withSectionTabs .headerHelpButton{display:none!important}.headerTop-withSectionTabs .headerLeft{-webkit-flex-grow:0;flex-grow:0}.tabs-viewmenubar{max-width:90%;font-size:inherit;-webkit-padding-start:.25em;padding-inline-start:.25em;-webkit-padding-end:.25em;padding-inline-end:.25em}
|
||||
1
modules/appheader/appheadercontent.js
Normal file
1
modules/appheader/appheadercontent.js
Normal file
@@ -0,0 +1 @@
|
||||
define(["exports"],function(_exports){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0;var skinHeaderElement=document.querySelector(".skinHeader");function AppHeaderContent(){}AppHeaderContent.prototype.ensureSizeObserver=function(){this.resizeObserver||(this.resizeObserver=new ResizeObserver(function(){this._headerHeight=null}.bind(this),{}),this.resizeObserver.observe(skinHeaderElement))},AppHeaderContent.prototype.getHeight=function(){var height=this._headerHeight;return null==height&&((height=skinHeaderElement.offsetHeight)&&(this._headerHeight=height),this.ensureSizeObserver()),height};_exports.default=new AppHeaderContent});
|
||||
Reference in New Issue
Block a user