Skip to content

Commit 54fce08

Browse files
queadquead
authored
1.9.1 - Hotfix
1.9.1 - Hotfix
2 parents a0608ee + 5070f66 commit 54fce08

22 files changed

+512
-256
lines changed

‎dist/assets/css/main.css

Lines changed: 84 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@ body {
4848
margin: 0;
4949
padding: 0;
5050
cursor: default;
51-
-webkit-app-region: drag;
51+
-webkit-app-region: no-drag;
5252
overflow: hidden;
5353
animation: loading-animation 2s 1;
5454
}
@@ -383,10 +383,34 @@ a:active {
383383
opacity: 0;
384384
visibility: hidden;
385385
transition: opacity 0.1s ease-out, visibility 0.1s ease-out, height 0.1s ease-out 0.1s;
386+
position: relative;
387+
height: 270px;
388+
width: 100%;
389+
}
390+
391+
#youtube-player .cover-controls,
392+
#youtube-player .cover-image {
393+
display: block;
394+
position: absolute;
395+
cursor: pointer;
396+
}
397+
398+
#youtube-player .cover-image {
399+
top: 0;
400+
left: 0;
401+
width: 100%;
402+
height: 225px;
403+
}
404+
405+
#youtube-player .cover-controls {
406+
width: 100%;
407+
right: 0;
408+
bottom: 0;
409+
width: 160px;
410+
height: 35px;
386411
}
387412

388413
#youtube-player.active {
389-
height: 270px;
390414
opacity: 1;
391415
visibility: visible;
392416
transition: opacity 0.1s ease-out 0.3s, visibility 0.1s ease-out 0.1s, height 0.1s ease-out;
@@ -630,8 +654,8 @@ a:active {
630654
transform: translate(-50%, -50%);
631655
}
632656

633-
.player-buttons button :not(#play-song):active {
634-
transform: scale(1.4);
657+
.player-buttons button:not(#play-song):active {
658+
transform: scale(1.2);
635659
}
636660

637661
.player-buttons #play-song {
@@ -913,8 +937,34 @@ input[type="radio"]:checked + label .round-check:after {
913937
font-size: 11px;
914938
}
915939

940+
.header-bar {
941+
-webkit-app-region: drag;
942+
text-align: center;
943+
position: relative;
944+
height: 26px;
945+
}
946+
947+
.header-bar:before {
948+
content: '';
949+
background-color: var(--c-black);
950+
height: 100%;
951+
width: 100%;
952+
position: absolute;
953+
left: 0;
954+
top: 0;
955+
}
956+
957+
.header-bar h1 {
958+
margin: 0;
959+
font-size: 12px;
960+
position: relative;
961+
z-index: 1;
962+
padding: 4px 0;
963+
color: rgba(255, 255, 255, 0.7);
964+
}
965+
916966
.mac-controls {
917-
display: flex;
967+
display: none;
918968
position: absolute;
919969
left: 10px;
920970
top: 10px;
@@ -970,7 +1020,7 @@ input[type="radio"]:checked + label .round-check:after {
9701020
}
9711021

9721022
.win-controls {
973-
display: flex;
1023+
display: none;
9741024
height: 25px;
9751025
position: absolute;
9761026
right: 0;
@@ -984,6 +1034,7 @@ input[type="radio"]:checked + label .round-check:after {
9841034
outline: 0;
9851035
padding: 0 8px;
9861036
display: block;
1037+
cursor: pointer;
9871038
}
9881039

9891040
#win-close {
@@ -1021,7 +1072,7 @@ input[type="radio"]:checked + label .round-check:after {
10211072
background-repeat: no-repeat;
10221073
background-position: center center;
10231074
background-size: 13px auto;
1024-
width: 32px;
1075+
width: 20px;
10251076
}
10261077

10271078
#win-minimize:active {
@@ -1089,8 +1140,7 @@ input[type="radio"]:checked + label .round-check:after {
10891140
color: var(--c-primary);
10901141
}
10911142

1092-
.mac-controls,
1093-
.win-controls {
1143+
.header-bar {
10941144
display: none;
10951145
}
10961146

@@ -1933,6 +1983,10 @@ iframe {
19331983
color: var(--c-white);
19341984
}
19351985

1986+
#app-container.light-mode #play-song {
1987+
color: var(--c-white);
1988+
}
1989+
19361990
#app-container.light-mode .current-video-stats p,
19371991
#app-container.light-mode .current-video-name {
19381992
color: var(--c-black);
@@ -1947,6 +2001,15 @@ iframe {
19472001
color: var(--c-black);
19482002
}
19492003

2004+
#app-container.light-mode .current-video-range-max-value, #app-container.light-mode .current-video-range-value {
2005+
color: var(--c-black);
2006+
}
2007+
2008+
#app-container.light-mode .volume-input-container,
2009+
#app-container.light-mode .duration-range-container {
2010+
background-color: var(--c-soft-gray);
2011+
}
2012+
19502013
#app-container.light-mode .settingsForm {
19512014
background-color: var(--c-soft-gray);
19522015
color: var(--c-black);
@@ -2043,3 +2106,15 @@ iframe {
20432106
color: var(--c-black);
20442107
border-color: rgba(0, 0, 0, 0.1);
20452108
}
2109+
2110+
.application #app-container > .container {
2111+
height: calc(100% - 26px);
2112+
}
2113+
2114+
.application .header-bar {
2115+
display: block;
2116+
}
2117+
2118+
.app-win .win-controls {
2119+
display: flex;
2120+
}

‎dist/index.html

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -12,15 +12,18 @@
1212
</head>
1313
<body>
1414
<header>
15-
<div class="win-controls">
16-
<button id="win-minimize"></button>
17-
<button id="win-maximize"></button>
18-
<button id="win-close"></button>
19-
</div>
20-
<div class="mac-controls">
21-
<button id="mac-close"></button>
22-
<button id="mac-minimize"></button>
23-
<button id="mac-maximize"></button>
15+
<div class="header-bar">
16+
<h1>YouTube Player v1.9.1</h1>
17+
<div class="win-controls">
18+
<button id="win-minimize"></button>
19+
<button id="win-maximize"></button>
20+
<button id="win-close"></button>
21+
</div>
22+
<div class="mac-controls">
23+
<button id="mac-close"></button>
24+
<button id="mac-minimize"></button>
25+
<button id="mac-maximize"></button>
26+
</div>
2427
</div>
2528
</header>
2629
<app-yt>

‎dist/inline.bundle.js.map

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)