diff options
author | James Taylor <user234683@users.noreply.github.com> | 2019-06-07 21:15:16 -0700 |
---|---|---|
committer | James Taylor <user234683@users.noreply.github.com> | 2019-06-07 21:35:00 -0700 |
commit | 60fe4b2e75e8475b20001c84e01b642a3b3ebcc3 (patch) | |
tree | ae783d72ed7eaa42fd1cf822b1af1f14be00d734 /yt_subscriptions_template.html | |
parent | ae5fd9eb009c6522e7d7971e0bdea57faaaf2b3c (diff) | |
download | yt-local-60fe4b2e75e8475b20001c84e01b642a3b3ebcc3.tar.lz yt-local-60fe4b2e75e8475b20001c84e01b642a3b3ebcc3.tar.xz yt-local-60fe4b2e75e8475b20001c84e01b642a3b3ebcc3.zip |
Add subscription manager system
Diffstat (limited to 'yt_subscriptions_template.html')
-rw-r--r-- | yt_subscriptions_template.html | 62 |
1 files changed, 56 insertions, 6 deletions
diff --git a/yt_subscriptions_template.html b/yt_subscriptions_template.html index 6395b6c..a6d3e38 100644 --- a/yt_subscriptions_template.html +++ b/yt_subscriptions_template.html @@ -7,19 +7,69 @@ <link href="/youtube.com/favicon.ico" type="image/x-icon" rel="icon"> <link title="Youtube local" href="/youtube.com/opensearch.xml" rel="search" type="application/opensearchdescription+xml"> <style type="text/css"> - .item-list{ - width:1000px; + main{ + display:flex; + flex-direction: row; } + .item-grid{ + flex-grow: 1; + } + .subscriptions-sidebar{ + flex-basis: 300px; + background-color: #dadada; + border-left: 2px; + } + .sidebar-links{ + display:flex; + justify-content: space-between; + padding-left:10px; + padding-right: 10px; + } + + .sidebar-list{ + list-style: none; + padding-left:10px; + padding-right: 10px; + } + .sidebar-list > li{ + display:flex; + justify-content: space-between; + margin-bottom: 5px; + } + .sub-refresh-list .sidebar-item-name{ + text-overflow: clip; + white-space: nowrap; + overflow: hidden; + max-width: 200px; + } </style> </head> <body> $header <main> - <form method="POST"> - <input type="submit" value="refresh"> - <input type="hidden" name="action" value="refresh"> - </form> + $items + + <div class="subscriptions-sidebar"> + <div class="sidebar-links"> + <a href="/youtube.com/subscription_manager" class="sub-manager-link">Subscription Manager</a> + <form method="POST" class="refresh-all"> + <input type="submit" value="Check All"> + <input type="hidden" name="action" value="refresh"> + </form> + </div> + + <hr> + <ol class="sidebar-list tags"> +$tags + </ol> + + <ol class="sidebar-list sub-refresh-list"> +$sub_list + </ol> + + </div> + <nav class="page-button-row"> $page_buttons </nav> |