Skip to content

Commit

Permalink
Resolved sidebar issue on window resize
Browse files Browse the repository at this point in the history
  • Loading branch information
sunil-digicorp committed Mar 6, 2017
1 parent ce8e4bc commit be27f64
Showing 1 changed file with 21 additions and 12 deletions.
33 changes: 21 additions & 12 deletions components/sidebar/js/sidebar.js
Original file line number Diff line number Diff line change
@@ -1,20 +1,29 @@

/*!
* Propeller v1.0.0 (http://propeller.in): sidebar.js
* Copyright 2016-2017 Digicorp, Inc.
* Licensed under MIT (http://propeller.in/LICENSE)
*/

var overlay = $('.pmd-sidebar-overlay');
var sidebar = $('.pmd-sidebar');
var lsidebar = $('.pmd-sidebar-left');
var rsidebar = $('.pmd-sidebar-right-fixed');
var pmdnavbarsidebar = $('.pmd-navbar-sidebar');
var sidebar = $('.pmd-sidebar');
var sidebarHeader = $('#sidebar .sidebar-header');
var sidebarImg = sidebarHeader.css('background-image');
var toggleButtons = $('.pmd-sidebar-toggle');
var pmdtopbartoggle = $('.topbar-fixed');

$(document).ready(function() {

// toggleButtons.css('display', 'none');

var overlay = $('.pmd-sidebar-overlay');
var sidebar = $('.pmd-sidebar');
var lsidebar = $('.pmd-sidebar-left');
var rsidebar = $('.pmd-sidebar-right-fixed');
var pmdnavbarsidebar = $('.pmd-navbar-sidebar');
var toggleButtons = $('.pmd-sidebar-toggle');
var pmdtopbartoggle = $('.topbar-fixed');

// Left Sidebar
$('.pmd-sidebar-toggle').on( 'click', function(e) {
$('.pmd-sidebar-toggle').on( 'click', function() {
lsidebar.toggleClass('pmd-sidebar-open');
if ((lsidebar.hasClass('pmd-sidebar-left-fixed') || lsidebar.hasClass('pmd-sidebar-right-fixed')) && lsidebar.hasClass('pmd-sidebar-open')) {
overlay.addClass('pmd-sidebar-overlay-active');
Expand All @@ -25,12 +34,12 @@ $(document).ready(function() {
}
});

$( ".pmd-sidebar .dropdown-menu, .pmd-navbar-sidebar .dropdown-menu" ).click(function(event) {
$( ".pmd-sidebar .dropdown-menu, .pmd-sidebar-dropdown .dropdown-menu" ).click(function(event) {
event.stopPropagation();
});

// Right Sidebar
$('.pmd-sidebar-toggle-right').on( 'click', function(e) {
$('.pmd-sidebar-toggle-right').on( 'click', function() {
rsidebar.toggleClass('pmd-sidebar-open');
if ((rsidebar.hasClass('pmd-sidebar-right')) && rsidebar.hasClass('pmd-sidebar-open')) {
overlay.addClass('pmd-sidebar-overlay-active');
Expand All @@ -42,7 +51,7 @@ $(document).ready(function() {
});

// Right Sidebar
$('.pmd-topbar-toggle').on( 'click', function(e) {
$('.pmd-topbar-toggle').on( 'click', function() {
pmdtopbartoggle.toggleClass('pmd-sidebar-open');
});

Expand All @@ -51,7 +60,7 @@ $(document).ready(function() {
});

// Nave bar in Sidebar
$('.pmd-navbar-toggle').on('click', function(e) {
$('.pmd-navbar-toggle').on('click', function() {
pmdnavbarsidebar.toggleClass('pmd-sidebar-open');
if ((pmdnavbarsidebar.hasClass('pmd-navbar-sidebar')) && pmdnavbarsidebar.hasClass('pmd-sidebar-open')) {
overlay.addClass('pmd-sidebar-overlay-active');
Expand All @@ -63,7 +72,7 @@ $(document).ready(function() {
});

// Overlay
overlay.on( 'click', function(e) {
overlay.on( 'click', function() {
$(this).removeClass('pmd-sidebar-overlay-active');
$('.pmd-sidebar').removeClass('pmd-sidebar-open');
$('.pmd-navbar-sidebar').removeClass('pmd-sidebar-open');
Expand Down

0 comments on commit be27f64

Please sign in to comment.