diff options
| author | James Taylor <user234683@users.noreply.github.com> | 2018-12-17 02:24:55 -0800 |
|---|---|---|
| committer | James Taylor <user234683@users.noreply.github.com> | 2018-12-17 02:24:55 -0800 |
| commit | 75b0c52f5743f837f7dc676fb780882388820e4d (patch) | |
| tree | f2047e26ed8fd69e3830405e9fa8f1c2a0090377 /yt_channel_items_template.html | |
| parent | 4825337f3b4ba7064e83f75c12abf44ff30ab6d7 (diff) | |
| download | yt-local-75b0c52f5743f837f7dc676fb780882388820e4d.tar.lz yt-local-75b0c52f5743f837f7dc676fb780882388820e4d.tar.xz yt-local-75b0c52f5743f837f7dc676fb780882388820e4d.zip | |
Ability to sort channel videos by oldest and by views
Diffstat (limited to 'yt_channel_items_template.html')
| -rw-r--r-- | yt_channel_items_template.html | 28 |
1 files changed, 21 insertions, 7 deletions
diff --git a/yt_channel_items_template.html b/yt_channel_items_template.html index e208fea..2273956 100644 --- a/yt_channel_items_template.html +++ b/yt_channel_items_template.html @@ -9,8 +9,8 @@ <style type="text/css"> main{ display:grid; - grid-template-rows: 0fr 0fr 0fr; - grid-template-columns: 0fr 1fr; + grid-template-rows: repeat(5, 0fr); + grid-template-columns: auto 1fr; } main .avatar{ grid-row:1; @@ -33,6 +33,20 @@ background-color: #aaaaaa; padding: 3px; } + #links-metadata{ + display: grid; + grid-auto-flow: column; + grid-column-gap: 10px; + grid-column: 1/span 2; + justify-content: start; + padding-top: 8px; + padding-bottom: 8px; + background-color: #bababa; + margin-bottom: 10px; + } + #number-of-results{ + font-weight:bold; + } .item-grid{ grid-row:4; grid-column: 1 / span 2; @@ -43,10 +57,7 @@ .tab{ padding: 5px 75px; } - #number_of_results{ - font-weight:bold; - grid-row:3; - } + </style> </head> <body> @@ -57,7 +68,10 @@ $header <nav class="channel-tabs"> $channel_tabs </nav> - <div id="number-of-results">$number_of_results</div> + <div id="links-metadata"> + <div id="number-of-results">$number_of_results</div> +$sort_buttons + </div> $items <nav class="page-button-row"> $page_buttons |