KevinMidboe/zoff
1
0
Fork 0
mirror of https://github.com/KevinMidboe/zoff.git synced 2025-10-29 18:00:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix for visuals of mobile results

Browse Source 
- Fix for no results being appended infinitely
- Loader on search input bar instead of interferring
This commit is contained in:
Kasper Rynning-Tønnesen
2018-02-26 11:39:50 +01:00
parent c71234d71e
commit 8bd4effe9b
2 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -2739,6 +2739,19 @@ nav ul li:hover, nav ul li.active {
} }
.empty-inner-results {
height: 100vh !important;
}
#empty-results {
height: calc(100vh - 112px);
}
.search_input {
padding-right: 50px;
width: calc(100vw - 78px);
}
.playlist-tabs-loggedIn, .playlist-tabs { .playlist-tabs-loggedIn, .playlist-tabs {
width: calc(100%) !important; width: calc(100%) !important;
} }
@@ -3041,6 +3054,9 @@ nav ul li:hover, nav ul li.active {
margin-left: -36px; margin-left: -36px;
margin-top: 0; margin-top: 0;
height: 56px; height: 56px;
position: absolute;
right: 15px;
top: 50px;
} }
.title-container{ .title-container{

5
server/public/assets/js/search.js
View File

@@ -62,8 +62,9 @@ var Search = {
var nextPageToken = response.nextPageToken; var nextPageToken = response.nextPageToken;
var prevPageToken = response.prevPageToken; var prevPageToken = response.prevPageToken;
if(response.items.length === 0) { if(response.items.length === 0) {
$("#results").empty();
$("<div style='display:none;' id='inner-results'>"+empty_results_html+"</div>").appendTo($("#results")).show("blind", 83.33); $("#results").css("display", "block");
$("<div style='display:none;' id='inner-results' class='empty-inner-results'>"+empty_results_html+"</div>").appendTo($("#results")).show("blind", 83.33);
if(Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active")) if(Helper.contains($(".search_loader_spinner").attr("class").split(" "), "active"))
$(".search_loader_spinner").removeClass("active"); $(".search_loader_spinner").removeClass("active");