heckyel/yt-local
0
0
Fork 0
Code Issues Pull Requests Releases Activity

Layout: Add theater mode

Browse Source
This commit is contained in:
James Taylor
2019-08-24 12:43:58 -07:00
parent bc8db064d2
commit fa2fa7fe16
3 changed files with 36 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
youtube/templates/watch.html
View File

@@ -3,17 +3,39 @@
{% import "common_elements.html" as common_elements %}
{% import "comments.html" as comments %}
{% block style %}
{% if theater_mode %}
video{
grid-column: 1 / span 5;
width: 100%;
max-height: 360px;
}
#related{
margin-top: 10px;
grid-row: 2 /span 3;
width: 400px;
}
.video-info{
margin-top: 10px;
width: 640px;
}
{% else %}
video{
height: 360px;
width: 640px;
grid-column: 2;
}
#related{
grid-row: 1 /span 4;
}
{% endif %}
main{
display:grid;
grid-template-columns: 1fr 640px 40px 400px 1fr;
grid-template-rows: auto auto auto auto;
align-content: start;
}
video{
height: 360px;
width: 640px;
grid-column: 2;
}
.video-info{
grid-column: 2;
grid-row: 2;
@@ -99,7 +121,6 @@
}
#related{
grid-column: 4;
grid-row: 1 /span 4;
display: grid;
grid-auto-rows: 94px;
grid-row-gap: 10px;
@@ -116,6 +137,7 @@
margin-top: 10px;
grid-column: 2;
grid-row: 3;
width: initial;
}
.comments-area{
grid-row: 4;