Fix initial state of volume slider
Original-merge: 62246fe0a93cd32db0dce051791e114df37d8a9a
Merged-by: Bill Thornton <thornbill@users.noreply.github.com>
Backported-by: Bill Thornton <thornbill@users.noreply.github.com>
Fix overlap of slider bubble
Original-merge: 35a7dfbed68f6681d10423f44774401975e5ff3d
Merged-by: Bill Thornton <thornbill@users.noreply.github.com>
Backported-by: Bill Thornton <thornbill@users.noreply.github.com>
This commit also removes a bunch of vendor prefixes that were in the styles
but are no longer needed since PostCSS and Autoprefixer handles generating
them.
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.
