1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
No description
Find a file
taku0 3d51c68725 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-08-18 17:34:57 +09:00
.ci Remove bump-version junk 2022-01-04 19:59:23 -05:00
.github Pin dependencies 2022-08-17 17:22:21 +00:00
.vscode Add vscode configuration to fix issues on saving 2022-06-28 16:17:56 -04:00
debian chore(npm): fix CI after switch 2021-04-09 01:12:20 +02:00
deployment Merge pull request #3571 from mihawk90/fedora-spec-rework 2022-06-29 00:47:10 -04:00
fedora Merge pull request #3571 from mihawk90/fedora-spec-rework 2022-06-29 00:47:10 -04:00
scripts Replace bash prepare script with node version 2020-12-17 12:25:39 -05:00
src Respect safe area (notch) of mobile devices 2022-08-18 17:34:57 +09:00
.copr Run bump_version in make srpm 2021-12-13 13:01:48 -05:00
.editorconfig Fixed editorconfig spec 2020-07-21 20:19:44 +02:00
.eslintignore Migrate navdrawer to ES6 2020-08-06 20:59:14 +02:00
.eslintrc.js Merge pull request #3798 from Stromwerk/no-throw-literal 2022-08-13 08:00:45 -06:00
.gitattributes Add more filetypes to gitattributes 2020-04-25 15:02:42 +02:00
.gitignore Add vscode configuration to fix issues on saving 2022-06-28 16:17:56 -04:00
.npmignore Azure pipelines (#470) 2019-09-19 14:35:30 -04:00
.npmrc Switch to renovate 2022-02-08 15:11:47 +01:00
.stylelintrc.json Fix stylelint upgrade 2021-10-27 00:19:44 -04:00
.stylelintrc.scss.json Fix stylelint upgrade 2021-10-27 00:19:44 -04:00
babel.config.js Add TypeScript support for React components 2021-06-18 17:01:00 +02:00
build.sh build.sh: Allow docker build on non debian systems 2021-09-25 22:12:45 +02:00
build.yaml Bump version to 10.8.0 for next release 2020-12-04 21:58:48 -05:00
bump_version Run bump_version in make srpm 2021-12-13 13:01:48 -05:00
CONTRIBUTORS.md Merge pull request #3642 from taku0/font-family-by-language 2022-05-20 23:02:06 -04:00
LICENSE First separation commit. 2019-01-09 12:36:54 +01:00
package-lock.json Merge pull request #3815 from jellyfin/renovate/blurhash-1.x 2022-08-18 02:30:36 -04:00
package.json Merge pull request #3815 from jellyfin/renovate/blurhash-1.x 2022-08-18 02:30:36 -04:00
postcss.config.js Fix browserslist for autoprefixer 2020-05-08 13:50:04 +03:00
README.md Switch to npm 2021-04-08 00:34:03 +02:00
tsconfig.json Fix iterable querySelectorAll TypeScript errors 2022-02-25 19:11:07 +03:00
webpack.common.js Use babel transform for react-router 2022-06-15 10:53:13 -04:00
webpack.dev.js Cleanup duplication in webpack dev config 2022-03-31 14:03:02 -04:00
webpack.prod.js Update webpack-merge 2021-06-15 00:44:00 -04:00

Jellyfin Web

Part of the Jellyfin Project


Logo Banner

GPL 2.0 License Current Release Translation Status
Donate Feature Requests Chat on Matrix Join our Subreddit

Jellyfin Web is the frontend used for most of the clients available for end users, such as desktop browsers, Android, and iOS. We welcome all contributions and pull requests! If you have a larger feature in mind please open an issue so we can discuss the implementation before you start. Translations can be improved very easily from our Weblate instance. Look through the following graphic to see if your native language could use some work!

Detailed Translation Status

Build Process

Dependencies

  • Node.js
  • npm (included in Node.js)

Getting Started

  1. Clone or download this repository.

    git clone https://github.com/jellyfin/jellyfin-web.git
    cd jellyfin-web
    
  2. Install build dependencies in the project directory.

    npm install
    
  3. Run the web client with webpack for local development.

    npm start
    
  4. Build the client with sourcemaps available.

    npm run build:development