Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Fix mobile settings menu transitions with new GUI

Browse source 
Ref #3810
This commit is contained in:
Matt Enlow 2014-08-23 12:24:00 -06:00
parent 0005c1b88c
commit 77a2d341aa
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
core/client/views/settings.js
View file

@ -4,7 +4,7 @@ var SettingsView = Ember.View.extend({
// used by SettingsContentBaseView and on resize to mobile from desktop // used by SettingsContentBaseView and on resize to mobile from desktop
showSettingsContent: function () { showSettingsContent: function () {
if (mobileQuery.matches) { if (mobileQuery.matches) {
$('.settings-sidebar').animate({right: '100%', left: '-110%', 'margin-right': '15px'}, 300); $('.settings-menu').animate({right: '100%', left: '-110%', 'margin-right': '15px'}, 300);
$('.settings-content').animate({right: '0', left: '0', 'margin-left': '0'}, 300); $('.settings-content').animate({right: '0', left: '0', 'margin-left': '0'}, 300);
$('.settings-header-inner').css('display', 'block'); $('.settings-header-inner').css('display', 'block');
} }
@ -13,13 +13,13 @@ var SettingsView = Ember.View.extend({
showSettingsMenu: function () { showSettingsMenu: function () {
if (mobileQuery.matches) { if (mobileQuery.matches) {
$('.settings-header-inner').css('display', 'none'); $('.settings-header-inner').css('display', 'none');
$('.settings-sidebar').animate({right: '0', left: '0', 'margin-right': '0'}, 300); $('.settings-menu').animate({right: '0', left: '0', 'margin-right': '0'}, 300);
$('.settings-content').animate({right: '-100%', left: '100%', 'margin-left': '15'}, 300); $('.settings-content').animate({right: '-100%', left: '100%', 'margin-left': '15'}, 300);
} }
}, },
showAll: function () { showAll: function () {
//Remove any styles applied by jQuery#animate //Remove any styles applied by jQuery#animate
$('.settings-sidebar, .settings-content').removeAttr('style'); $('.settings-menu, .settings-content').removeAttr('style');
}, },
mobileInteractions: function () { mobileInteractions: function () {