Fixed bug of content not expanding on page load

This commit is contained in:
brb 2014-11-19 23:17:36 +01:00
parent 05ec31b624
commit 46110287b3
3 changed files with 7 additions and 3 deletions

View file

@ -110,12 +110,12 @@
$rootScope.showQueue = function () { $rootScope.showQueue = function () {
//$.fancybox.open(); //$.fancybox.open();
$('#SideBar').css('display', '').fadeIn(400); $('#SideBar').css('display', '').fadeIn(400);
$('#right-component').css('margin-right', "350px"); $('#right-component').removeClass('lgcolumn_expanded');
}; };
$rootScope.hideQueue = function () { $rootScope.hideQueue = function () {
//$.fancybox.close(); //$.fancybox.close();
$('#SideBar').fadeOut(); $('#SideBar').fadeOut();
$('#right-component').css('margin-right', '0px'); $('#right-component').addClass('lgcolumn_expanded');
}; };
$scope.toggleQueue = function () { $scope.toggleQueue = function () {
if ($('#SideBar').css('display') == 'none') { if ($('#SideBar').css('display') == 'none') {

View file

@ -244,6 +244,10 @@ span.apiversion
margin-left: 312px; margin-left: 312px;
margin-right: 350px; margin-right: 350px;
} }
.lgcolumn_expanded
{
margin-right: 0 !important;
}
.colspacer { .colspacer {
height: 100px; height: 100px;
width: 100%; width: 100%;

View file

@ -30,7 +30,7 @@
</div> </div>
<div id="SubsonicAlbums" class="lgsection" split> <div id="SubsonicAlbums" class="lgsection" split>
<!-- Album --> <!-- Album -->
<div id="right-component" class="lgcolumn"> <div id="right-component" class="lgcolumn" ng-class="{'lgcolumn_expanded' : !$rootScope.settings.ShowQueue}">
<ul class="actionlist"> <ul class="actionlist">
<li> <li>
<form class="form"> <form class="form">