diff --git a/CSS/transparent-header-alt.css b/CSS/transparent-header-alt.css deleted file mode 100644 index 9163b6b..0000000 --- a/CSS/transparent-header-alt.css +++ /dev/null @@ -1,29 +0,0 @@ -/* Transparent header bar */ -.skinHeader { - background-color: transparent !important; - margin-top: 0.2em !important; -} - -/* Rounded header buttons */ -.headerTabs, -.headerRight { - background-color:rgba(35, 35, 35, 0.5) !important; - border-radius: 50px !important; - backdrop-filter: blur(50px) !important; -} - -/* Lower header and add padding to right buttons */ -.headerRight { - padding: 5px !important; -} - -/* Header size */ -.headerTabs { - height: 52px !important; - top: 1px !important; -} - -/* Center text */ -.emby-button-foreground { - top: -6px !important; -} \ No newline at end of file diff --git a/CSS/transparent-header.css b/CSS/transparent-header.css index 3eb31ca..b5cd984 100644 --- a/CSS/transparent-header.css +++ b/CSS/transparent-header.css @@ -1,24 +1,47 @@ -/* Transparent and lowered header bar */ +/* Transparent header bar */ .skinHeader { background-color: transparent !important; - margin-top: 0.5em !important; +} +.layout-desktop .skinHeader { + padding-top: 1.5em !important; } /* Rounded header buttons */ -.headerTabs { +.headerTabs, +.headerRight { background-color:rgba(35, 35, 35, 0.5) !important; border-radius: 50px !important; backdrop-filter: blur(50px) !important; - margin-top: -4em !important; +} + +/* Lower header and add padding to right buttons */ +.layout-desktop .headerRight { + padding: 0px 5px !important; } /* Header size */ -.headerTabs { +.layout-desktop .headerTabs { height: 52px !important; top: 1px !important; } +.layout-mobile .headerTabs { + height: 45px !important; +} /* Center text */ .emby-button-foreground { top: -6px !important; +} + +/* Mobile fixes */ +.layout-mobile .headroom--unpinned { + transform: translateY(-50%); +} +.layout-mobile .sectionTabs { + margin-left: auto !important; + margin-right: auto !important; + width: auto !important; +} +.layout-mobile .emby-button-foreground { + top: -2px !important; } \ No newline at end of file