diff options
| author | James Taylor <user234683@users.noreply.github.com> | 2018-08-29 00:33:28 -0700 |
|---|---|---|
| committer | James Taylor <user234683@users.noreply.github.com> | 2018-08-29 00:33:28 -0700 |
| commit | fee24d4f0a3ddcf877facfa9b22d470bee37ee79 (patch) | |
| tree | 6c2084feca5596ec2bc239bbdca2d35c6066364b /yt_watch_template.html | |
| parent | 6a6433619f82652d7943e29579fe6cf1bbf0cc11 (diff) | |
| download | yt-local-fee24d4f0a3ddcf877facfa9b22d470bee37ee79.tar.lz yt-local-fee24d4f0a3ddcf877facfa9b22d470bee37ee79.tar.xz yt-local-fee24d4f0a3ddcf877facfa9b22d470bee37ee79.zip | |
Ability to post comments (not reply yet)
Diffstat (limited to 'yt_watch_template.html')
| -rw-r--r-- | yt_watch_template.html | 100 |
1 files changed, 88 insertions, 12 deletions
diff --git a/yt_watch_template.html b/yt_watch_template.html index 0765147..2e993f8 100644 --- a/yt_watch_template.html +++ b/yt_watch_template.html @@ -22,8 +22,93 @@ grid-template-columns: 1fr 640px; } .full-item{ - grid-column: 2; + display: grid; + grid-column: 2; + grid-template-rows: 0fr 0fr 0fr 0fr 20px 0fr 0fr; + grid-template-columns: 1fr 1fr; + align-content: start; } + .full-item > video{ + grid-column: 1 / span 2; + grid-row: 1; + } + .full-item > .title{ + grid-column: 1 / span 2; + grid-row:2; + min-width: 0; + } + .full-item > .is-unlisted{ + background-color: #d0d0d0; + justify-self:start; + padding-left:2px; + padding-right:2px; + } + .full-item > address{ + grid-column: 1; + grid-row: 4; + justify-self: start; + } + .full-item > .views{ + grid-column: 2; + grid-row: 4; + justify-self:end; + } + .full-item > time{ + grid-column: 1; + grid-row: 5; + justify-self:start; + } + .full-item > .likes-dislikes{ + grid-column: 2; + grid-row: 5; + justify-self:end; + } + .full-item > .download-dropdown{ + grid-column:1; + grid-row: 6; + } + .full-item > .checkbox{ + justify-self:end; + + grid-row: 6; + grid-column: 2; + } + .full-item > .description{ + background-color:#d0d0d0; + margin-top:8px; + white-space: pre-wrap; + min-width: 0; + + grid-column: 1 / span 2; + grid-row: 7; + } + .full-item .music-list{ + grid-row:8; + grid-column: 1 / span 2; + } + .comment-count{ + font-weight:bold; + grid-row:9; + grid-column: 1 / span 2; + } + .post-comment-link{ + grid-row:10; + grid-column: 1; + justify-self:start; + } + .full-item .comments{ + grid-column: 1 / span 2; + grid-row: 11; + margin-top:10px; + } + .comment{ + width:640px; + } + .full-item .more-comments{ + grid-row: 12; + grid-column: 1 / span 2; + } + .music-list{ background-color: #d0d0d0; } @@ -39,17 +124,6 @@ font-weight:bold; margin-bottom:5px; } - .comments{ - grid-column: 1 / span 2; - grid-row: 6; - margin-top:10px; - } - .comment{ - width:640px; - } - .more-comments{ - grid-column: 1 / span 2; - } #right{ background-color:#cccccc; grid-column: 2; @@ -129,6 +203,8 @@ $download_options <div class="music-list"> $music_list </div> + <div class="comment-count">$comment_count</div> + $post_comment_link <section class="comments"> $comments </section> |