heckyel/yt-local
0
0
Fork 0
Code Issues Pull Requests Releases Activity

options for sorting when searching

Browse Source
This commit is contained in:
James Taylor
2018-07-25 22:43:55 -07:00
parent 74c9647072
commit 182a2f3bdb
4 changed files with 101 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
yt_watch_template.html
View File

@@ -48,6 +48,35 @@
#related .medium-item{
grid-template-columns: 160px 1fr 0fr;
}
.download-dropdown{
z-index:1;
justify-self:start;
min-width:0px;
}
.download-dropdown-label{
background-color: #e9e9e9;
border-style: outset;
border-width: 2px;
font-weight: bold;
}
.download-dropdown-content{
display:none;
background-color: #e9e9e9;
}
.download-dropdown:hover .download-dropdown-content {
display: grid;
grid-auto-rows:30px;
padding-bottom: 50px;
}
.download-dropdown-content a{
white-space: nowrap;
display:grid;
grid-template-columns: 60px 90px auto;
max-height: 1.2em;
}
</style>
</head>
<body>
@@ -68,9 +97,9 @@ $video_sources
<time datetime="$upload_date">Published on $upload_date</time>
<span class="likes-dislikes">$likes likes $dislikes dislikes</span>
<div class="dropdown">
<button class="dropdown-label">Download</button>
<div class="dropdown-content">
<div class="download-dropdown">
<button class="download-dropdown-label">Download</button>
<div class="download-dropdown-content">
$download_options
</div>
</div>