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,32 +51,37 @@ page_button_template = Template('''<a class="page-button" href="$href">$page</a>
current_page_button_template = Template('''<div class="current-page-button">$page</a>''') current_page_button_template = Template('''<div class="current-page-button">$page</a>''')
medium_playlist_item_template = Template(''' medium_playlist_item_template = Template('''
<div class="medium-item"> <div class="medium-item-box">
<a class="playlist-thumbnail-box" href="$url" title="$title"> <div class="medium-item">
<img class="playlist-thumbnail-img" src="$thumbnail"> <a class="playlist-thumbnail-box" href="$url" title="$title">
<div class="playlist-thumbnail-info"> <img class="playlist-thumbnail-img" src="$thumbnail">
<span>$size</span> <div class="playlist-thumbnail-info">
</div> <span>$size</span>
</a> </div>
</a>
<a class="title" href="$url" title="$title">$title</a> <a class="title" href="$url" title="$title">$title</a>
<div class="stats">$stats</div> <div class="stats">$stats</div>
</div>
</div> </div>
''') ''')
medium_video_item_template = Template(''' medium_video_item_template = Template('''
<div class="medium-item"> <div class="medium-item-box">
<a class="video-thumbnail-box" href="$url" title="$title"> <div class="medium-item">
<img class="video-thumbnail-img" src="$thumbnail"> <a class="video-thumbnail-box" href="$url" title="$title">
<span class="video-duration">$duration</span> <img class="video-thumbnail-img" src="$thumbnail">
</a> <span class="video-duration">$duration</span>
</a>
<a class="title" href="$url">$title</a> <a class="title" href="$url">$title</a>
<div class="stats">$stats</div> <div class="stats">$stats</div>
<span class="description">$description</span> <span class="description">$description</span>
<span class="badges">$badges</span> <span class="badges">$badges</span>
</div>
<input class="item-checkbox" type="checkbox" name="video_info_list" value="$video_info" form="playlist-add">
</div> </div>
''') ''')
@ -114,18 +119,20 @@ small_playlist_item_template = Template('''
''') ''')
medium_channel_item_template = Template(''' medium_channel_item_template = Template('''
<div class="medium-item"> <div class="medium-item-box">
<a class="video-thumbnail-box" href="$url" title="$title"> <div class="medium-item">
<img class="video-thumbnail-img" src="$thumbnail"> <a class="video-thumbnail-box" href="$url" title="$title">
<span class="video-duration">$duration</span> <img class="video-thumbnail-img" src="$thumbnail">
</a> <span class="video-duration">$duration</span>
</a>
<a class="title" href="$url">$title</a> <a class="title" href="$url">$title</a>
<span>$subscriber_count</span> <span>$subscriber_count</span>
<span>$size</span> <span>$size</span>
<span class="description">$description</span> <span class="description">$description</span>
</div>
</div> </div>
''') ''')

View File

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