Skip to content

Commit 9556cc6

Browse files
queadquead
committed
1.1 - Updating build to latest version
1 parent 15c5e8c commit 9556cc6

File tree

7 files changed

+141
-39
lines changed

7 files changed

+141
-39
lines changed

‎dist/assets/css/main.css

Lines changed: 66 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -300,22 +300,59 @@ header h1 {
300300
}
301301

302302
footer {
303+
background-color: #e52d27;
303304
position: absolute;
305+
display: flex;
306+
align-items: center;
304307
height: 85px;
305308
width: 100%;
306309
bottom: 0;
307-
padding: 5px 0;
308-
text-align: center;
309-
background-color: #e52d27;
310+
padding: 5px 15px;
311+
}
312+
313+
footer .col {
314+
padding: 0 15px;
315+
}
316+
317+
footer .col-2 {
318+
width: 16.666667%;
319+
}
320+
321+
footer .col-3 {
322+
width: 25%;
323+
}
324+
325+
footer .col-6 {
326+
width: 50%;
327+
}
328+
329+
footer .col:first-child {
330+
padding-left: 0;
331+
}
332+
333+
footer .col:last-child {
334+
margin-left: auto;
335+
padding-right: 0;
336+
}
337+
338+
.current-video-details {
339+
display: flex;
340+
align-items: center;
341+
}
342+
343+
.current-video-thumbnail {
344+
height: 45px;
345+
width: auto;
310346
}
311347

312348
.current-video-name {
313349
color: #ffffff;
314-
margin: 0 0 4px;
315-
overflow: hidden;
316-
white-space: nowrap;
317-
text-overflow: ellipsis;
318-
margin: 0 15px 0 15px;
350+
margin: 0 0 0 10px;
351+
}
352+
353+
.current-video-none {
354+
margin: 0;
355+
color: #ffffff;
319356
}
320357

321358
.player-buttons {
@@ -367,7 +404,8 @@ footer {
367404

368405
.current-video-range {
369406
position: relative;
370-
width: 350px;
407+
width: calc(100% - 130px);
408+
max-width: 350px;
371409
margin: 0 auto;
372410
}
373411

@@ -426,11 +464,8 @@ footer {
426464
color: #ffffff;
427465
display: flex;
428466
align-items: center;
429-
position: absolute;
467+
margin-left: auto;
430468
width: 100px;
431-
right: 20px;
432-
top: 50%;
433-
transform: translateY(-50%);
434469
}
435470

436471
.volume-range-value span {
@@ -613,7 +648,7 @@ footer {
613648
}
614649

615650
#search-video-list {
616-
z-index: 1;
651+
z-index: 9;
617652
}
618653

619654
#search-video-list .video-item:last-child {
@@ -709,7 +744,6 @@ iframe {
709744

710745
#related-video-list .video-item:hover {
711746
z-index: 1;
712-
box-shadow: 0px 3px 10px 2px rgba(33, 33, 33, 0.1);
713747
}
714748

715749
#related-video-list .video-item:hover .video-item-image:before {
@@ -723,6 +757,10 @@ iframe {
723757
visibility: visible;
724758
}
725759

760+
#related-video-list .video-item:hover h2 {
761+
color: #e52d27;
762+
}
763+
726764
#related-video-list .video-item-image {
727765
flex: inherit;
728766
margin: 0;
@@ -766,3 +804,16 @@ iframe {
766804
#related-video-list .video-item-content {
767805
margin-top: 20px;
768806
}
807+
808+
.video-list-clear {
809+
float: right;
810+
cursor: pointer;
811+
background-color: #ffffff;
812+
color: #212121;
813+
padding: 1px 10px;
814+
border-radius: 20px;
815+
}
816+
817+
.video-list-clear .fa {
818+
margin-right: 5px;
819+
}

‎dist/assets/scss/_footer.scss

Lines changed: 42 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,51 @@
11
footer {
2+
background-color: $c-primary;
23
position: absolute;
4+
display: flex;
5+
align-items: center;
36
height: 85px;
47
width: 100%;
58
bottom: 0;
6-
padding: 5px 0;
7-
text-align: center;
8-
background-color: $c-primary;
9+
padding: 5px 15px;
10+
.col {
11+
padding: 0 15px;
12+
&-2 {
13+
width: 16.666667%;
14+
}
15+
&-3 {
16+
width: 25%;
17+
}
18+
&-6 {
19+
width: 50%;
20+
}
21+
&:first-child {
22+
padding-left: 0;
23+
}
24+
&:last-child {
25+
margin-left: auto;
26+
padding-right: 0;
27+
}
28+
}
29+
}
30+
31+
.current-video-details {
32+
display: flex;
33+
align-items: center;
34+
}
35+
36+
.current-video-thumbnail {
37+
height: 45px;
38+
width: auto;
939
}
1040

1141
.current-video-name {
1242
color: $c-white;
13-
margin: 0 0 4px;
14-
overflow: hidden;
15-
white-space: nowrap;
16-
text-overflow: ellipsis;
17-
margin: 0 15px 0 15px;
43+
margin: 0 0 0 10px;
44+
}
45+
46+
.current-video-none {
47+
margin: 0;
48+
color: $c-white;
1849
}
1950

2051
.player-buttons {
@@ -60,7 +91,8 @@ footer {
6091

6192
.current-video-range {
6293
position: relative;
63-
width: 350px;
94+
width: calc(100% - 130px);
95+
max-width: 350px;
6496
margin: 0 auto;
6597
.current-video-range-max-value,
6698
.current-video-range-value {
@@ -113,11 +145,8 @@ footer {
113145
color: $c-white;
114146
display: flex;
115147
align-items: center;
116-
position: absolute;
148+
margin-left: auto;
117149
width: 100px;
118-
right: 20px;
119-
top: 50%;
120-
transform: translateY(-50%);
121150
span {
122151
width: 15px;
123152
margin-right: auto;

‎dist/assets/scss/_videos.scss

Lines changed: 16 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
}
2020

2121
#search-video-list {
22-
z-index: 1;
22+
z-index: 9;
2323
.video-item:last-child {
2424
box-shadow: 0px 10px 10px 0px rgba($c-black,0.1);
2525
}
@@ -94,7 +94,6 @@ iframe {
9494
}
9595
&:hover {
9696
z-index: 1;
97-
box-shadow: 0px 3px 10px 2px rgba($c-black, 0.1);
9897
.video-item-image {
9998
&:before {
10099
opacity: 1;
@@ -106,6 +105,9 @@ iframe {
106105
visibility: visible;
107106
}
108107
}
108+
h2 {
109+
color: $c-primary;
110+
}
109111
}
110112
}
111113
.video-item-image {
@@ -149,4 +151,16 @@ iframe {
149151
.video-item-content {
150152
margin-top: 20px;
151153
}
154+
}
155+
156+
.video-list-clear {
157+
float: right;
158+
cursor: pointer;
159+
background-color: $c-white;
160+
color: $c-black;
161+
padding: 1px 10px;
162+
border-radius: 20px;
163+
.fa {
164+
margin-right: 5px;
165+
}
152166
}

‎dist/assets/settings.json

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
[{
2-
"name": "Toggle debugging info",
2+
"name": "Toggle Debugging Info",
33
"selected": true
44
}, {
5-
"name": "Toggle search thumbnails",
6-
"selected": false
5+
"name": "Toggle Search Thumbnails",
6+
"selected": true
77
}]

‎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)