mirror of
https://github.com/KevinMidboe/zoff.git
synced 2025-10-29 18:00:23 +00:00
Fixed width of titlebar of songs
This commit is contained in:
@@ -1869,6 +1869,15 @@ nav ul li:hover, nav ul li.active {
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 768px){
|
||||
|
||||
#results{
|
||||
background-color: #000;
|
||||
margin-top:56px;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (min-width: 769px){
|
||||
|
||||
|
||||
@@ -1889,7 +1898,7 @@ nav ul li:hover, nav ul li.active {
|
||||
left: 25%;
|
||||
}
|
||||
.title-container li {
|
||||
width: 71%;
|
||||
/*width: 71%;*/
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
|
||||
4
public/dist/embed.min.js
vendored
4
public/dist/embed.min.js
vendored
File diff suppressed because one or more lines are too long
8
public/dist/main.min.js
vendored
8
public/dist/main.min.js
vendored
File diff suppressed because one or more lines are too long
@@ -175,6 +175,13 @@ function init(){
|
||||
stop: function(event, ui) {
|
||||
$('iframe').css('pointer-events','auto');
|
||||
Crypt.set_width($(this).width());
|
||||
if($(window).width() > 769){
|
||||
var test_against_width = $(window).width() - $(".control-list").width() - $(".zbrand").outerWidth() - $(".brand-logo-navigate").outerWidth() - 66;
|
||||
title_width = test_against_width;
|
||||
$(".title-container").width(title_width);
|
||||
} else {
|
||||
$(".title-container").width("100%");
|
||||
}
|
||||
},
|
||||
handles: "e",
|
||||
minWidth: 350,
|
||||
@@ -207,7 +214,6 @@ function init(){
|
||||
$("#code-text").text(id);
|
||||
$("#code-qr").attr("src", "https://chart.googleapis.com/chart?chs=221x221&cht=qr&choe=UTF-8&chld=L|1&chl="+codeURL);
|
||||
$("#code-link").attr("href", codeURL);
|
||||
|
||||
}
|
||||
|
||||
if(no_socket) socket.emit('list', chan.toLowerCase());
|
||||
@@ -514,8 +520,10 @@ $(document).keyup(function(e) {
|
||||
$("#search-btn i").toggleClass("mdi-navigation-close");
|
||||
$("#search-btn i").toggleClass("mdi-action-search");
|
||||
}
|
||||
if(!Helper.contains($("#search-container").attr("class").split(" "), "hide")){
|
||||
$("#results").toggleClass("hide");
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
$(document).on("click", "#playpause-overlay", function(){
|
||||
@@ -820,7 +828,7 @@ function searchTimeout(event) {
|
||||
code = event.keyCode || event.which;
|
||||
|
||||
if (code != 40 && code != 38 && code != 13 && code != 39 && code != 37 &&
|
||||
code != 17 && code != 16 && code != 225 && code != 18) {
|
||||
code != 17 && code != 16 && code != 225 && code != 18 && code != 27) {
|
||||
clearTimeout(timeout_search);
|
||||
if(search_input.length < 3){$("#results").html("");}
|
||||
if(code == 13){
|
||||
@@ -971,6 +979,13 @@ $(window).resize(function(){
|
||||
List.element_height = (($("#wrapper").height()) / List.can_fit)-6;
|
||||
$(".list-song").css("height", List.element_height + "px");
|
||||
$("#player_overlay").width($("#player").width()+1);
|
||||
if($(window).width() > 769){
|
||||
var test_against_width = $(window).width() - $(".control-list").width() - $(".zbrand").outerWidth() - $(".brand-logo-navigate").outerWidth() - 66;
|
||||
title_width = test_against_width;
|
||||
$(".title-container").width(title_width);
|
||||
} else {
|
||||
$(".title-container").width("100%");
|
||||
}
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
@@ -358,6 +358,16 @@ var Player = {
|
||||
|
||||
set_width: function(val){
|
||||
$(".video-container").width(val);
|
||||
if(!Helper.mobilecheck()){
|
||||
if($(window).width() > 769){
|
||||
var test_against_width = $(window).width() - $(".control-list").width() - $(".zbrand").outerWidth() - $(".brand-logo-navigate").outerWidth() - 66;
|
||||
title_width = test_against_width;
|
||||
$(".title-container").width(title_width);
|
||||
} else {
|
||||
$(".title-container").width("100%");
|
||||
}
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
notifyUser: function(id, title) {
|
||||
|
||||
@@ -10,7 +10,7 @@ var Search = {
|
||||
$(".search_input").focus();
|
||||
}
|
||||
$("#song-title").toggleClass("hide");
|
||||
$("#results").toggleClass("hide");
|
||||
//$("#results").toggleClass("hide");
|
||||
$("#results").empty();
|
||||
$("#search-btn i").toggleClass("mdi-navigation-close");
|
||||
$("#search-btn i").toggleClass("mdi-action-search");
|
||||
|
||||
Reference in New Issue
Block a user