From 75b0c52f5743f837f7dc676fb780882388820e4d Mon Sep 17 00:00:00 2001
From: James Taylor <user234683@users.noreply.github.com>
Date: Mon, 17 Dec 2018 02:24:55 -0800
Subject: Ability to sort channel videos by oldest and by views
---
yt_channel_items_template.html | 28 +++++++++++++++++++++-------
1 file changed, 21 insertions(+), 7 deletions(-)
(limited to 'yt_channel_items_template.html')
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
--
cgit v1.2.3