Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(demo): update player look and feel #120

Merged
merged 1 commit into from
Dec 4, 2023

Conversation

amtins
Copy link
Member

@amtins amtins commented Nov 29, 2023

Description

Resolves #110 and by creating a style sheet to modify the player's appearance.

Changes made

  • player.js
    • add import file extension
    • active pillarbox reponsive mode
  • player.scss
    • overrides side effects caused by global styles
    • pbw-demo define player layout size
    • modify vjs-title-bar style
    • move vjs-text-track-display up so that it aligns with the control bar
    • modify vjs-big-play-button style
    • modify vjs-loading-spinner style and animation
    • modify vjs-control-bar style
    • display vjs-current-time and vjs-duration unless it's a live stream
    • hide vjs-remaining-time
    • modify vjs-progress-control style
    • modify vjs-volume-tooltip style
    • modify vjs-menu style
    • modify vjs-error-display style
    • modify vjs-text-track-settings style
  • imports player.scss into index.scss

Copy link

github-actions bot commented Nov 29, 2023

Coverage report

St.
Category Percentage Covered / Total
🟢 Statements 98.37% 482/490
🟢 Branches 93.44% 228/244
🟢 Functions 100% 136/136
🟢 Lines 99.15% 465/469

Test suite run success

145 tests passing in 9 suites.

Report generated by 🧪jest coverage report action from 6b72664

@amtins amtins force-pushed the chore/110-update-demo-player-look-and-feel branch 3 times, most recently from 41c479c to 8099c67 Compare November 29, 2023 19:08
demo/scss/player.scss Outdated Show resolved Hide resolved
@amtins amtins force-pushed the chore/110-update-demo-player-look-and-feel branch from 8099c67 to 8ac1e5c Compare December 4, 2023 10:15
Resolves #110 and by creating a style sheet to modify the player's appearance.

- **player.js**
  - add import file extension
  - active pillarbox reponsive mode
- **player.scss**
  - overrides side effects caused by global styles
  - `pbw-demo` define player layout size
  - modify `vjs-title-bar` style
  - move `vjs-text-track-display` up so that it aligns with the control bar
  - modify `vjs-big-play-button` style
  - modify `vjs-loading-spinner` style and animation
  - modify `vjs-control-bar` style
  - display `vjs-current-time` and `vjs-duration` unless it's a live stream
  - hide `vjs-remaining-time`
  - modify `vjs-progress-control` style
  - modify `vjs-volume-tooltip` style
  - modify `vjs-menu` style
  - modify `vjs-error-display` style
  - modify `vjs-text-track-settings` style
- imports **player.scss** into **index.scss**
@amtins amtins force-pushed the chore/110-update-demo-player-look-and-feel branch from 8ac1e5c to 6b72664 Compare December 4, 2023 12:03
@amtins amtins enabled auto-merge December 4, 2023 12:03
@amtins amtins added this pull request to the merge queue Dec 4, 2023
Merged via the queue into main with commit ccfb056 Dec 4, 2023
@amtins amtins deleted the chore/110-update-demo-player-look-and-feel branch December 4, 2023 12:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Update demo player look and feel
2 participants