KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2026-02-10 19:39:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Enabled setting start and end for a song on mobile

Browse Source
This commit is contained in:
Kasper Rynning-Tønnesen
2018-01-24 12:53:04 +01:00
parent bf395b061f
commit 81b935cadf
4 changed files with 99 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
server/public/assets/css/style.css
View File

@@ -1827,6 +1827,7 @@ nav ul li:hover, nav ul li.active {
.search-title{
height: 40px;
width: 70vw;
/*padding-top: 33px;
margin-bottom: -16px;
line-height: initial;*/
@@ -2337,6 +2338,10 @@ nav ul li:hover, nav ul li.active {
color: lightgrey !important;
}
.result-get-more-info {
display: none;
}
.hamburger-sidenav {
width: 24px;
height: 24px;
@@ -2972,18 +2977,49 @@ nav ul li:hover, nav ul li.active {
width: 99%;
}
.result-get-more-info {
position: absolute;
right: 0px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
width: 45px;
}
.result-info-no-buttons {
width: calc(100% - 200px);
}
.result-object {
-webkit-transform: translateX(0%);
transform: translateX(0%);
-webkit-transition: transform .5s;
-moz-transition: transform .5s;
transition: transform .5s;
}
.result-object-slid {
-webkit-transform: translateX(calc(-100% + 45px)) !important;
transform: translateX(calc(-100% + 45px)) !important;
}
.result-start-end-container {
visibility: hidden;
pointer-events: none;
/*visibility: hidden;
pointer-events: none;*/
margin-left: 120%;
position: relative;
top: -10px;
}
.result-info-buttons {
margin-top: 20px;
width: 200px;
}
.result .search-title{
white-space: nowrap;
width: calc(100vw - 123px);
width: calc(100vw - 165px);
margin-top: -5px;
z-index: 9999;
}

17
server/public/assets/js/listeners.js
View File

@@ -1785,7 +1785,7 @@ $(document).on( "click", ".result-object", function(e){
var $html = $(e.target);
var substr = $html.prop('outerHTML').substring(0,4);
if(substr != "<i c" && $html.prop('class').indexOf("waves-effect") == -1 && $html.attr("class") != "result-start" && $html.attr("class") != "result-end"){
if(substr != "<i c" && $html.prop('class').indexOf("waves-effect") == -1 && $html.attr("class") != "result-start" && $html.attr("class") != "result-end" && $html.attr("class") != "result-get-more-info"){
var id = $(this).attr("data-video-id");
var title = $(this).attr("data-video-title");
var original_length = $(this).attr("data-video-length");
@@ -1809,6 +1809,21 @@ $(document).on( "click", ".result-object", function(e){
}
});
$(document).on("click", ".result-get-more-info", function(e) {
e.preventDefault();
var that = $(this);
var parent = that.parent().parent().parent().parent();
var to_toggle = $("#inner-results").find("[data-video-id='" + parent.attr("data-video-id") + "']")[0];
$(to_toggle).toggleClass("result-object-slid");
if($(that.children()[0]).text() == "keyboard_arrow_right") {
$(that.children()[0]).text("keyboard_arrow_left")
} else {
$(that.children()[0]).text("keyboard_arrow_right")
}
})
$(document).on('click', '#submit-contact-form', function(e) {
e.preventDefault();
$("#contact-form").submit();