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... Loading...
</li> </li>
<li class="search-container hide" id="search-wrapper"> <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> </li>
</ul> </ul>

14
static/css/style.css
View File

@@ -166,6 +166,10 @@ hide mdi-action-visibility mdi-action-visibility-off
text-align:right !important; text-align:right !important;
} }
.chan-name{
text-transform: capitalize;
}
/*#channels li{opacity: 0;}*/ /*#channels li{opacity: 0;}*/
/*------------------- Channel page ---------------------------------------------------------------------------- */ /*------------------- Channel page ---------------------------------------------------------------------------- */
@@ -211,14 +215,13 @@ hide mdi-action-visibility mdi-action-visibility-off
} }
.title-container li{ .title-container li{
height:100%;
height: 64px; height: 64px;
width: 500px; height:100%;
width: 84%;
padding: 0 15px; padding: 0 15px;
} }
.search-container{ .search-container{
width: 35% !important;
display: block; display: block;
} }
@@ -302,7 +305,10 @@ hide mdi-action-visibility mdi-action-visibility-off
.card{margin:5px 0 5px 0 !important;} .card{margin:5px 0 5px 0 !important;}
#result img{float:left;padding-right:20px !important;} #result img{float:left;padding-right:20px !important;}
#result{height:100px;margin-left:40px;} #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 { .result:hover {
background-color: rgba(0,0,0,0.4); 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"); $(".main").removeClass("blurT");
$("#controls").removeClass("blurT"); $("#controls").removeClass("blurT");
$(".main").removeClass("clickthrough"); $(".main").removeClass("clickthrough");
showSearch();
}else{ }else{
i = 0; i = 0;
timer=100; timer=100;
@@ -114,6 +115,7 @@ $(document).keyup(function(e) {
function showSearch(){ function showSearch(){
$("#search-wrapper").toggleClass("hide"); $("#search-wrapper").toggleClass("hide");
$("#song-title").toggleClass("hide"); $("#song-title").toggleClass("hide");
$("#search").focus();
} }
function search(search_input){ function search(search_input){
@@ -185,6 +187,7 @@ function search(search_input){
function submitAndClose(id,title,duration){ function submitAndClose(id,title,duration){
submit(id,title, true, duration); submit(id,title, true, duration);
$("#results").html(''); $("#results").html('');
showSearch();
console.log("sub&closed"); console.log("sub&closed");
} }