VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-25 02:08:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

change position of spinner and button

Browse Source
This commit is contained in:
@CyberAndi 2024-02-06 01:20:03 +01:00 committed by GitHub
parent 25d92d822d
commit 696e9111cc
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
assets/css/player.css
View File

@ -211,15 +211,14 @@ ul.vjs-menu-content::-webkit-scrollbar {
.video-js .vjs-big-play-button { .video-js .vjs-big-play-button {
font-size: 3em; font-size: 3em;
line-height: 3em; line-height: 2.5em;
height: 80px; height: 80px !important;
width: 80px; width: 80px !important;
margin: auto; margin: auto;
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: calc(50% - 1.5em); top: calc(50% - 15px);
left: calc(50% - 1.5em); left: calc(50% - 15px);
padding: 1.45em !important;
cursor: pointer; cursor: pointer;
/* opacity: 1; */ /* opacity: 1; */
color: #dddddd !important; color: #dddddd !important;
@ -409,18 +408,18 @@ a:not([data-id]) > .icon, .pure-u-lg-1-5 > .h-box > a[href^="/watch?"], .playlis
text-shadow: 0.2em 0.2em 0.5em rgb(0 0 0 / 75%), 0 0 0.2em #000000; text-shadow: 0.2em 0.2em 0.5em rgb(0 0 0 / 75%), 0 0 0.2em #000000;
} }
.vjs-loading-spinner { .video-js .vjs-loading-spinner {
display: none; display: none;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
top: calc(50% - 1.5em); top: calc(50% - 15px);
left: calc(50% - 1.5em); left: calc(50% - 15px);
height: 80px; height: 80px !important;
width: 80px; width: 80px !important;
margin: auto; margin: auto;
cursor: pointer; cursor: pointer;
border: 0.7vmin solid var(--colorBlueDrk); border: 0.7vmin solid var(--colorBlueDrk);
color: #cccccc; color: #dddddd !important;
background-color: transparent; background-color: transparent;
aspect-ratio: 1 / 1 !important; aspect-ratio: 1 / 1 !important;
-webkit-aspect-ratio: 1 / 1 !important; -webkit-aspect-ratio: 1 / 1 !important;
@ -430,6 +429,8 @@ a:not([data-id]) > .icon, .pure-u-lg-1-5 > .h-box > a[href^="/watch?"], .playlis
visibility: hidden; visibility: hidden;
} }
@media screen and (max-width: 700px) { @media screen and (max-width: 700px) {
.video-js .vjs-share { .video-js .vjs-share {
justify-content: unset; justify-content: unset;