From a677d2198fbd61eeb5efdb00f180f7655d0c9eae Mon Sep 17 00:00:00 2001 From: jcass Date: Sat, 18 Feb 2017 15:09:55 +0200 Subject: [PATCH 1/4] Close navigation panel when menu option selected on small screens. --- mopidy_musicbox_webclient/static/js/gui.js | 4 ++++ mopidy_musicbox_webclient/static/mb.appcache | 2 +- 2 files changed, 5 insertions(+), 1 deletion(-) diff --git a/mopidy_musicbox_webclient/static/js/gui.js b/mopidy_musicbox_webclient/static/js/gui.js index 25a284c..b73ef33 100644 --- a/mopidy_musicbox_webclient/static/js/gui.js +++ b/mopidy_musicbox_webclient/static/js/gui.js @@ -373,6 +373,10 @@ function locationHashChanged () { setHeadline(divid) + if ($(window).width() < 560) { + $('#panel').panel('close') + } + $('.mainNav a').removeClass($.mobile.activeBtnClass) // i don't know why some li elements have those classes, but they do, so we need to remove them $('.mainNav li').removeClass($.mobile.activeBtnClass) diff --git a/mopidy_musicbox_webclient/static/mb.appcache b/mopidy_musicbox_webclient/static/mb.appcache index d32dd12..a2e47fb 100644 --- a/mopidy_musicbox_webclient/static/mb.appcache +++ b/mopidy_musicbox_webclient/static/mb.appcache @@ -1,6 +1,6 @@ CACHE MANIFEST -# 2017-02-18:v1 +# 2017-02-18:v4 NETWORK: * From 02425d1f23fc5c4b9e4bbce9dfef6911d8da8e58 Mon Sep 17 00:00:00 2001 From: jcass Date: Sat, 18 Feb 2017 15:23:00 +0200 Subject: [PATCH 2/4] Collapse navigation panel more quickly on mobile devices. --- mopidy_musicbox_webclient/static/css/webclient.css | 8 ++++---- mopidy_musicbox_webclient/static/mb.appcache | 2 +- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/mopidy_musicbox_webclient/static/css/webclient.css b/mopidy_musicbox_webclient/static/css/webclient.css index d9695e7..b0be220 100644 --- a/mopidy_musicbox_webclient/static/css/webclient.css +++ b/mopidy_musicbox_webclient/static/css/webclient.css @@ -648,14 +648,14 @@ a { .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right { margin: 0 0 0 17em; } - - .ui-responsive-panel .ui-panel-dismiss-display-reveal { - display: none; - } } /*tablets and desktop*/ @media (min-width: 35em) { + .ui-responsive-panel .ui-panel-dismiss-display-reveal { + display: none; + } + .popupDialog { min-width: 320px; } diff --git a/mopidy_musicbox_webclient/static/mb.appcache b/mopidy_musicbox_webclient/static/mb.appcache index a2e47fb..e342b3b 100644 --- a/mopidy_musicbox_webclient/static/mb.appcache +++ b/mopidy_musicbox_webclient/static/mb.appcache @@ -1,6 +1,6 @@ CACHE MANIFEST -# 2017-02-18:v4 +# 2017-02-18:v5 NETWORK: * From 6c525e516ff36ae0fd41234a07206f4a124c3f8b Mon Sep 17 00:00:00 2001 From: jcass Date: Sun, 19 Feb 2017 18:44:29 +0200 Subject: [PATCH 3/4] Always close panel on screen resolutions where page is pushed to the right. --- mopidy_musicbox_webclient/static/js/gui.js | 4 ++-- mopidy_musicbox_webclient/static/mb.appcache | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/mopidy_musicbox_webclient/static/js/gui.js b/mopidy_musicbox_webclient/static/js/gui.js index b73ef33..71cc0e2 100644 --- a/mopidy_musicbox_webclient/static/js/gui.js +++ b/mopidy_musicbox_webclient/static/js/gui.js @@ -20,7 +20,7 @@ function resetSong () { } function resizeMb () { - if ($(window).width() < 560) { + if ($(window).width() < 880) { $('#panel').panel('close') } else { $('#panel').panel('open') @@ -373,7 +373,7 @@ function locationHashChanged () { setHeadline(divid) - if ($(window).width() < 560) { + if ($(window).width() < 880) { $('#panel').panel('close') } diff --git a/mopidy_musicbox_webclient/static/mb.appcache b/mopidy_musicbox_webclient/static/mb.appcache index e342b3b..8d8475e 100644 --- a/mopidy_musicbox_webclient/static/mb.appcache +++ b/mopidy_musicbox_webclient/static/mb.appcache @@ -1,6 +1,6 @@ CACHE MANIFEST -# 2017-02-18:v5 +# 2017-02-19:v1 NETWORK: * From 8850a7becbbcf459ff175ac270db26e71776f304 Mon Sep 17 00:00:00 2001 From: jcass Date: Fri, 24 Feb 2017 08:33:20 +0200 Subject: [PATCH 4/4] Set header and footer width automatically when panel is open. --- mopidy_musicbox_webclient/static/css/webclient.css | 1 + mopidy_musicbox_webclient/static/mb.appcache | 2 +- 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/mopidy_musicbox_webclient/static/css/webclient.css b/mopidy_musicbox_webclient/static/css/webclient.css index b0be220..2cafa99 100644 --- a/mopidy_musicbox_webclient/static/css/webclient.css +++ b/mopidy_musicbox_webclient/static/css/webclient.css @@ -640,6 +640,7 @@ a { .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-push, .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal { margin-right: 17em; + width: auto; } .ui-responsive-panel.ui-page-panel .ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-push.ui-panel-content-fixed-toolbar-position-right, diff --git a/mopidy_musicbox_webclient/static/mb.appcache b/mopidy_musicbox_webclient/static/mb.appcache index 8d8475e..3c6f198 100644 --- a/mopidy_musicbox_webclient/static/mb.appcache +++ b/mopidy_musicbox_webclient/static/mb.appcache @@ -1,6 +1,6 @@ CACHE MANIFEST -# 2017-02-19:v1 +# 2017-02-24:v1 NETWORK: *