add checkbox to medium items

This commit is contained in:
James Taylor 2018-07-08 16:27:08 -07:00
parent 26620cbac8
commit f4024573dc
2 changed files with 46 additions and 30 deletions

View File

@ -51,6 +51,7 @@ page_button_template = Template('''<a class="page-button" href="$href">$page</a>
current_page_button_template = Template('''<div class="current-page-button">$page</a>''')
medium_playlist_item_template = Template('''
<div class="medium-item-box">
<div class="medium-item">
<a class="playlist-thumbnail-box" href="$url" title="$title">
<img class="playlist-thumbnail-img" src="$thumbnail">
@ -63,8 +64,10 @@ medium_playlist_item_template = Template('''
<div class="stats">$stats</div>
</div>
</div>
''')
medium_video_item_template = Template('''
<div class="medium-item-box">
<div class="medium-item">
<a class="video-thumbnail-box" href="$url" title="$title">
<img class="video-thumbnail-img" src="$thumbnail">
@ -78,6 +81,8 @@ medium_video_item_template = Template('''
<span class="description">$description</span>
<span class="badges">$badges</span>
</div>
<input class="item-checkbox" type="checkbox" name="video_info_list" value="$video_info" form="playlist-add">
</div>
''')
small_video_item_template = Template('''
@ -114,6 +119,7 @@ small_playlist_item_template = Template('''
''')
medium_channel_item_template = Template('''
<div class="medium-item-box">
<div class="medium-item">
<a class="video-thumbnail-box" href="$url" title="$title">
<img class="video-thumbnail-img" src="$thumbnail">
@ -127,6 +133,7 @@ medium_channel_item_template = Template('''
<span class="description">$description</span>
</div>
</div>
''')

View File

@ -169,6 +169,11 @@ address{
grid-row: 5;
}
.medium-item-box{
display:grid;
grid-template-columns: 1fr 0fr;
}
.medium-item{
background-color:#bcbcbc;
text-decoration:none;
@ -291,6 +296,8 @@ address{
/* ---Thumbnails for videos---- */
.video-thumbnail-box{
max-height:100%;
grid-column:1;
grid-row:1 / span 6;
@ -313,6 +320,8 @@ address{
/* ---Thumbnails for playlists---- */
.playlist-thumbnail-box{
max-height:100%;
grid-column:1;
grid-row:1 / span 6;