Changes the way the table of contents looks. The two biggest parts are hiding the bullets in the list, making each link black and hiding the link underline. This makes them look more like buttons than web links. The #dialogToc changes resize the table of contents based on the length of the list and the length of the longest chapter name rather than have the table of contents take up most of the screen for a short and small list. The link text size was also increased from 92% to 120%.
The changes adds the comic viewer, book viewer and the book table of contents pop up to the dark theme. It includes dark background for all, light buttons, and light links to each chapter in the table of contents. The only thing I couldn't figure out is how to get the "X" close buttons to turn blue for the comic book viewer and the book table of contents pop up.
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.
Hi!
With commit b488c99929 pages 'external-audio-files' and 'subtitles' were merged together to a new page 'external-files'.
Web UI does not reflect these changes, this should fix that.
