Add show obfuscator option

fxpio · Feb 14, 2019 · 5831780 · 5831780
1 parent 1082f69
commit 5831780
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 4 deletions.
diff --git a/examples/navbar-mini-fluid.html b/examples/navbar-mini-fluid.html
@@ -10,7 +10,7 @@
 <body>
 <!-- SIDEBAR -->
 <div class="sidebar sidebar-mini sidebar-default"
-     data-sidebar="true" data-toggle-id="sidebar-toggle-left">
+     data-sidebar="true" data-show-obfuscator="false" data-toggle-id="sidebar-toggle-left">
     <ul class="sidebar-menu text-right">
         <li class="sidebar-group"><span>Header 1</span>
             <ul class="sidebar-group-menu">

diff --git a/examples/navbar-mini.html b/examples/navbar-mini.html
@@ -10,7 +10,7 @@
 <body>
 <!-- SIDEBAR -->
 <div class="sidebar sidebar-mini sidebar-default"
-     data-sidebar="true" data-toggle-id="sidebar-toggle-left">
+     data-sidebar="true" data-show-obfuscator="false" data-toggle-id="sidebar-toggle-left">
     <ul class="sidebar-menu text-right">
         <li class="sidebar-group"><span>Header 1</span>
             <ul class="sidebar-group-menu">

diff --git a/js/sidebar.js b/js/sidebar.js
@@ -75,7 +75,7 @@ export default class Sidebar extends BasePlugin
         this.$wrapper = $('<div class="' + this.options.classWrapper + '"></div>');
         this.$container = $('> .' + this.options.classContainer, this.$element.parent());
         this.$swipe = null;
-        this.$obfuscator = $('<div class="' + this.options.classObfuscator + '"></div>');
+        this.$obfuscator = $('<div class="' + this.options.classObfuscator + (this.options.showObfuscator ? ' show' : '') + '"></div>');
         this.$body = $('body');
         this.enabled = !this.$element.hasClass('sidebar-disabled');
         this.mini = this.$element.hasClass('sidebar-mini');
@@ -551,6 +551,7 @@ Sidebar.defaultOptions = {
     closeOnSelectDelay: 0.5,
     resetScrollDelay:   0.3,
     itemSelector:       '.sidebar-menu a',
+    showObfuscator:     true,
     useScroller:        true,
     scrollerScrollbar:  undefined,
     scroller:           {

diff --git a/less/sidebar-theme.less b/less/sidebar-theme.less
@@ -122,7 +122,7 @@
     }
 }
 
-.sidebar-obfuscator {
+.sidebar-obfuscator.show {
     background-color: @sidebar-obfuscator-bg;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -122,7 +122,7 @@ @@
         }
     }
-    .sidebar-obfuscator {
+    .sidebar-obfuscator.show {
         background-color: @sidebar-obfuscator-bg;
     }
@@ Expand Down @@