From e7650492f2b76453df59abbd762d0223cca817f1 Mon Sep 17 00:00:00 2001 From: Jacob Schatz Date: Tue, 29 Mar 2016 08:28:04 -0400 Subject: Collapsed sidebar opens over instead of pushing content. --- app/assets/javascripts/right_sidebar.js.coffee | 4 +++- app/assets/stylesheets/framework/sidebar.scss | 4 ++++ 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/right_sidebar.js.coffee b/app/assets/javascripts/right_sidebar.js.coffee index 4b08c5caf26..67403554340 100644 --- a/app/assets/javascripts/right_sidebar.js.coffee +++ b/app/assets/javascripts/right_sidebar.js.coffee @@ -21,7 +21,6 @@ class @Sidebar i.hide() sidebarDropdownLoaded: (e) -> - console.log 'loaded' $sidebarCollapsedIcon = $(@).closest('.block').find('.sidebar-collapsed-icon') img = $sidebarCollapsedIcon.find('img') $sidebarCollapsedIcon.find('i.fa-spin').remove() @@ -35,6 +34,7 @@ class @Sidebar sidebarCollapseClicked: (e) -> e.preventDefault() $block = $(@).closest('.block') + $('aside') .find('.gutter-toggle') .trigger('click') @@ -43,11 +43,13 @@ class @Sidebar if $editLink.length $editLink.trigger('click') $block.addClass('collapse-after-update') + $('.page-with-sidebar').addClass('with-overlay') sidebarDropdownHidden: (e) -> $block = $(@).closest('.block') if $block.hasClass('collapse-after-update') $block.removeClass('collapse-after-update') + $('.page-with-sidebar').removeClass('with-overlay') $('aside') .find('.gutter-toggle') .trigger('click') \ No newline at end of file diff --git a/app/assets/stylesheets/framework/sidebar.scss b/app/assets/stylesheets/framework/sidebar.scss index da844dc11e1..18189e985c4 100644 --- a/app/assets/stylesheets/framework/sidebar.scss +++ b/app/assets/stylesheets/framework/sidebar.scss @@ -304,4 +304,8 @@ @media (min-width: $screen-md-min) { padding-right: $gutter_width; } + + &.with-overlay { + padding-right: $sidebar_collapsed_width; + } } -- cgit v1.2.1