Add progress background in history list

This commit is contained in:
the1812 2019-07-24 17:28:30 +08:00
parent 4814eee0c4
commit 33495ba21c
6 changed files with 12 additions and 8 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -784,6 +784,9 @@ li.nav-item[report-id='playpage_dynamic'] .i-frame,
transform-origin: left; transform-origin: left;
opacity: 0.3; opacity: 0.3;
} }
.custom-navbar .video-list.history a .progress.background {
background-color: #8884;
}
.custom-navbar .video-list.history a:hover .progress .custom-navbar .video-list.history a:hover .progress
{ {
opacity: 1; opacity: 1;

View File

@ -937,6 +937,7 @@ class HistoryList extends VideoList {
<a target="_blank" href="https://www.bilibili.com/video/av${item.aid}?${parameter.join("&")}"> <a target="_blank" href="https://www.bilibili.com/video/av${item.aid}?${parameter.join("&")}">
<span class="title">${item.title}</span> <span class="title">${item.title}</span>
<span class="description">${description}</span> <span class="description">${description}</span>
<div class="progress background"></div>
<div class="progress" style="transform: scaleX(${progress})"></div> <div class="progress" style="transform: scaleX(${progress})"></div>
</a> </a>
</li>`; </li>`;