storm/bragi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: increase opacity for the floating play button, and now it can be activated by hovering on the title.

Browse Source
This commit is contained in:
Terry Geng 2020-04-19 00:38:36 +08:00
parent 81bfe92e13
commit 9640324668
2 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/custom.css
View File

@ -69,13 +69,10 @@
margin-left: 15px; margin-left: 15px;
transition: left 300ms; transition: left 300ms;
border-radius: 5px; border-radius: 5px;
opacity: 0.6; opacity: 0.7;
font-weight: 300; font-weight: 300;
} }
.library-thumb-img:hover + .library-thumb-grp { .library-thumb-grp-hover {
left: -15px;
}
.library-thumb-grp:hover {
left: -15px; left: -15px;
} }
.library-thumb-btn-up { .library-thumb-btn-up {

12
templates/index.html
View File

@ -236,7 +236,7 @@
</div> </div>
</div> </div>
</div> </div>
<div class="library-info-col col-5" style="padding: 12px 0;"> <div class="library-info-col library-info-title col-5" style="padding: 12px 0;">
<div> <div>
<span class="library-item-type lead text-muted btn-space">[File]</span> <span class="library-item-type lead text-muted btn-space">[File]</span>
<span class="library-item-title lead btn-space">This is my title</span> <span class="library-item-title lead btn-space">This is my title</span>
@ -836,6 +836,16 @@
var item_template = $("#library-item"); var item_template = $("#library-item");
function bindLibraryResultEvent() { function bindLibraryResultEvent() {
$(".library-thumb-col").unbind().hover(
function (e) { $(e.currentTarget).find(".library-thumb-grp").addClass("library-thumb-grp-hover"); },
function (e) { $(e.currentTarget).find(".library-thumb-grp").removeClass("library-thumb-grp-hover"); }
);
$(".library-info-title").unbind().hover(
function (e) { $(e.currentTarget).parent().find(".library-thumb-grp").addClass("library-thumb-grp-hover"); },
function (e) { $(e.currentTarget).parent().find(".library-thumb-grp").removeClass("library-thumb-grp-hover"); }
);
$(".library-item-play").unbind().click( $(".library-item-play").unbind().click(
function (e) { function (e) {
request('post', { request('post', {