diff --git a/dashboard-ui/css/librarymenu.css b/dashboard-ui/css/librarymenu.css index df43646852..5f26e2072f 100644 --- a/dashboard-ui/css/librarymenu.css +++ b/dashboard-ui/css/librarymenu.css @@ -8,12 +8,12 @@ .libraryMenuDivider { height: 1px; - background: #333; + background: #282828; margin: .5em 0; } .headerBackButton { - padding-right: 0!important; + padding-right: 0 !important; } .viewMenuBar, .barsMenuButton, .libraryMenuButtonText, .btnCast { @@ -179,22 +179,22 @@ vertical-align: top; } -.librarySidebarLinks a { - font-weight: 300 !important; +.librarySidebarLinks { + margin-left: -1em; + margin-right: -1em; + margin-top: -1em; + padding-top: 0; } - .librarySidebarLinks a:hover { - background-color: #38c !important; - color: #fff !important; + .librarySidebarLinks a { + font-weight: 300 !important; + padding: .7em 20px .7em 0; } -.homeViewMenu { - background-image: url(images/mblogoicon.png) !important; - background-size: 39px 26px !important; - background-position: 13px center !important; - padding-left: 66px !important; - background-repeat: no-repeat !important; -} + .librarySidebarLinks a:hover { + background-color: #38c !important; + color: #fff !important; + } .viewMenuSecondary { position: absolute; @@ -213,7 +213,7 @@ } .ui-panel.ui-body-b { - background-color: #222; + background-color: #161616; } .libraryViewNav .ui-btn-active { diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css index a9cec93db7..acb6449504 100644 --- a/dashboard-ui/css/site.css +++ b/dashboard-ui/css/site.css @@ -382,6 +382,7 @@ h1 .imageLink { font-size: 17px; width: 66px; text-align: center; + vertical-align: middle; } .ui-page-theme-a .sidebarLinkIcon { diff --git a/dashboard-ui/scripts/librarymenu.js b/dashboard-ui/scripts/librarymenu.js index 9ff277904c..a05072e5f6 100644 --- a/dashboard-ui/scripts/librarymenu.js +++ b/dashboard-ui/scripts/librarymenu.js @@ -79,7 +79,7 @@ if ($.browser.mobile) { - $('.libraryMenuButton').on('mousedown', function() { + $('.libraryMenuButton').on('mousedown', function () { showLibraryMenu(false); }); $('.dashboardMenuButton').on('mousedown', function () { @@ -121,13 +121,16 @@ var page = $.mobile.activePage; var panel; - panel = getLibraryMenu(); - updateLibraryNavLinks(page); + ConnectionManager.user().done(function (user) { - $(panel).panel('toggle').off('mouseleave.librarymenu').on('mouseleave.librarymenu', function () { + panel = getLibraryMenu(user); + updateLibraryNavLinks(page); - $(this).panel("close"); + $(panel).panel('toggle').off('mouseleave.librarymenu').on('mouseleave.librarymenu', function () { + $(this).panel("close"); + + }); }); } @@ -248,13 +251,29 @@ html += '