VeritableValor/invidious
1
0
Fork 0
mirror of https://github.com/iv-org/invidious.git synced 2025-10-24 09:48:31 -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

27
assets/css/player.css
View File

@ -211,17 +211,16 @@ ul.vjs-menu-content::-webkit-scrollbar {
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 3em;
height: 80px;
width: 80px;
line-height: 2.5em;
height: 80px !important;
width: 80px !important;
margin: auto;
display: inline-block;
position: absolute;
top: calc(50% - 1.5em);
left: calc(50% - 1.5em);
padding: 1.45em !important;
top: calc(50% - 15px);
left: calc(50% - 15px);
cursor: pointer;
/*opacity: 1;*/
/* opacity: 1; */
color: #dddddd !important;
border: 0.7vmin solid #dddddd;
background-color: rgba(32, 32, 32, 0.5);
@ -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;
}
.vjs-loading-spinner {
.video-js .vjs-loading-spinner {
display: none;
box-sizing: border-box;
position: absolute;
top: calc(50% - 1.5em);
left: calc(50% - 1.5em);
height: 80px;
width: 80px;
top: calc(50% - 15px);
left: calc(50% - 15px);
height: 80px !important;
width: 80px !important;
margin: auto;
cursor: pointer;
border: 0.7vmin solid var(--colorBlueDrk);
color: #cccccc;
color: #dddddd !important;
background-color: transparent;
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;
}
@media screen and (max-width: 700px) {
.video-js .vjs-share {
justify-content: unset;