web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2025-01-13 10:32:26 +02:00
Code Releases Activity

fix(loading-spinner): border size costumization (#8369)

Browse Source 
Allows to change the border size of the `loading-spinner` component without having to reflect the border size in the pseudo-element margin.

- uses display `flex` to facilitate centering of pseudo-elements
- deletes the pseudo-elements `margin`
This commit is contained in:
André 2023-12-04 20:26:55 +01:00 committed by GitHub
parent 824042715a
commit 1866118e6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/css/components/_loading.scss
View File

@ -22,7 +22,10 @@
.vjs-seeking .vjs-loading-spinner, .vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner { .vjs-waiting .vjs-loading-spinner {
display: block; display: flex;
justify-content: center;
align-items: center;
// add a delay before actual show the spinner // add a delay before actual show the spinner
animation: vjs-spinner-show 0s linear 0.3s forwards; animation: vjs-spinner-show 0s linear 0.3s forwards;
} }
@ -36,7 +39,6 @@
.vjs-loading-spinner:after { .vjs-loading-spinner:after {
content: ""; content: "";
position: absolute; position: absolute;
margin: -0.6em;
box-sizing: inherit; box-sizing: inherit;
width: inherit; width: inherit;
height: inherit; height: inherit;