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

Search design and func.

Browse Source
This commit is contained in:
Nicolas A. Tonne
2015-04-20 15:41:22 +02:00
parent d3642364d0
commit da4b56c926
3 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
index.php
View File

@@ -30,7 +30,7 @@
Loading...
</li>
<li class="search-container hide" id="search-wrapper">
<input id="search" class="search_input" type="search" required title="Search for songs..." spellcheck="false" placeholder="Search" onsubmit="null;" autocomplete="off">
<input id="search" class="search_input" type="search" required title="Search for songs..." spellcheck="false" placeholder="Find song on youtube" onsubmit="null;" autocomplete="off">
</li>
</ul>

14
static/css/style.css
View File

@@ -166,6 +166,10 @@ hide mdi-action-visibility mdi-action-visibility-off
text-align:right !important;
}
.chan-name{
text-transform: capitalize;
}
/*#channels li{opacity: 0;}*/
/*------------------- Channel page ---------------------------------------------------------------------------- */
@@ -211,14 +215,13 @@ hide mdi-action-visibility mdi-action-visibility-off
}
.title-container li{
height:100%;
height: 64px;
width: 500px;
height:100%;
width: 84%;
padding: 0 15px;
}
.search-container{
width: 35% !important;
display: block;
}
@@ -302,7 +305,10 @@ hide mdi-action-visibility mdi-action-visibility-off
.card{margin:5px 0 5px 0 !important;}
#result img{float:left;padding-right:20px !important;}
#result{height:100px;margin-left:40px;}
#results{background-color: rgba(0,0,0,0.6);}
#results{
background-color: rgba(0,0,0,0.6);
margin-top: -27px;
}
.result:hover {
background-color: rgba(0,0,0,0.4);
}

3
static/js/search.js
View File

@@ -45,6 +45,7 @@ $(document).ready(function()
$(".main").removeClass("blurT");
$("#controls").removeClass("blurT");
$(".main").removeClass("clickthrough");
showSearch();
}else{
i = 0;
timer=100;
@@ -114,6 +115,7 @@ $(document).keyup(function(e) {
function showSearch(){
$("#search-wrapper").toggleClass("hide");
$("#song-title").toggleClass("hide");
$("#search").focus();
}
function search(search_input){
@@ -185,6 +187,7 @@ function search(search_input){
function submitAndClose(id,title,duration){
submit(id,title, true, duration);
$("#results").html('');
showSearch();
console.log("sub&closed");
}