jellyfish-web/src/components/appFooter/appFooter.scss

.appfooter {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
    bottom: 0;
    transition: transform 180ms linear;
    contain: layout style;
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
    padding-bottom: env(safe-area-inset-bottom);
}

.appfooter:empty {
    padding: 0;
}

.appfooter.headroom--unpinned {
    transform: translateY(100%) !important;
}
remove BOM 2019-01-23 11:33:34 +00:00			`.appfooter {`
Beautified CSS in web dashboard 2018-10-23 01:13:23 +03:00			`position: fixed;`
			`left: 0;`
			`right: 0;`
Fix itemdetails poster overlapping now playing bar 2020-03-06 14:04:29 +03:00			`z-index: 10;`
Beautified CSS in web dashboard 2018-10-23 01:13:23 +03:00			`bottom: 0;`
			`transition: transform 180ms linear;`
Unminify using 1.5.323 Repo with tag: https://github.com/MediaBrowser/emby-webcomponents/tree/1.5.323 2019-01-10 15:39:37 +03:00			`contain: layout style;`
Respect safe area (notch) of mobile devices This adds paddings to various containers so that buttons and contents are not hidden by the notch or the Home indicator (the gray bar at the bottom). - `src/assets/css/librarybrowser.scss` - `.skinHeader`: menu bar at the top. - `.padded-left` and `.padded-right`: the heading of library. - `src/assets/css/site.scss` - `.content-primary`, `.padded-bottom-page`, `.page`, `.pageWithAbsoluteTabs`, and `.pageTabContent`: settings and dashboards. - `src/elements/emby-scroller/emby-scroller.scss` - `.emby-scroller`: the library items. - `src/assets/css/videoosd.scss` - `.videoOsdBottom`: the video playback control buttons and the progress bar. - `src/components/alphaPicker/style.scss` - `.alphaPicker-fixed` and `.alphaPicker-fixed-right`: the alphabet picker. - `src/components/appFooter/appFooter.scss` - `.appfooter`: the bottom bar showing the currently playing media. - `src/components/multiSelect/multiSelect.scss` - `.selectionCommandsPanel`: the top bar when selecting multiple media. Shown when long-pressing media. - `src/components/remotecontrol/remotecontrol.scss` - `.playlistSectionButton`: the bottom bar for current playlist. Shown when touching `.appfooter`. - `src/components/toast/toast.scss` - `.toastContainer`: the toast. Shown when refreshing metadata. - `src/index.html` - `.mainDrawerHandle`: gesture area for the drawer. It seems conflicting with gestures of Safari. - `src/libraries/navdrawer/navdrawer.scss` - `.tmla-mask` and `.touch-menu-la`: the drawer. - `src/plugins/htmlVideoPlayer/style.scss` - `.videoPlayerContainer`: the video area when not fullscreen. - `.videoSubtitles`: the video subtitles for some devices, not including iPhone. - `src/plugins/youtubePlayer/style.scss` - `.youtubePlayerContainer` container for the YouTube plugin. Not tested. 2022-05-29 22:20:15 +09:00			`padding-left: env(safe-area-inset-left);`
			`padding-right: env(safe-area-inset-right);`
			`padding-bottom: env(safe-area-inset-bottom);`
			`}`

			`.appfooter:empty {`
			`padding: 0;`
Beautified CSS in web dashboard 2018-10-23 01:13:23 +03:00			`}`

Fix intentation (CSS) 2020-01-25 11:42:43 +01:00			`.appfooter.headroom--unpinned {`
			`transform: translateY(100%) !important;`
			`}`