web/video.js
1
0
Fork 0
mirror of https://github.com/videojs/video.js.git synced 2024-12-25 02:42:10 +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-waiting .vjs-loading-spinner {
display: block;
display: flex;
justify-content: center;
align-items: center;
// add a delay before actual show the spinner
animation: vjs-spinner-show 0s linear 0.3s forwards;
}
@ -36,7 +39,6 @@
.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -0.6em;
box-sizing: inherit;
width: inherit;
height: inherit;