Fixed issue #288

.gitignore

@@ -5,3 +5,4 @@
 /node_modules/
 TODO
 *.zip
+test.html

dist/js/app.js

@@ -125,6 +125,9 @@ $(function () {
   //Easy access to options
   var o = $.AdminLTE.options;
 
+  //Set up the object
+  _init();
+
   //Activate the layout maker
   $.AdminLTE.layout.activate();
 
@@ -183,14 +186,15 @@ $(function () {
   });
 });
 
-/* ----------------------
- * - AdminLTE Functions -
- * ----------------------
+/* ----------------------------------
+ * - Initialize the AdminLTE Object -
+ * ----------------------------------
  * All AdminLTE functions are implemented below.
  */
+function _init() {
 
-/* prepareLayout
- * =============
+  /* Layout
+   * ======
    * Fixes the layout height in case min-height fails.
    *
    * @type Object
@@ -198,7 +202,7 @@ $(function () {
    *        $.AdminLTE.layout.fix()
    *        $.AdminLTE.layout.fixSidebar()
    */
-$.AdminLTE.layout = {
+  $.AdminLTE.layout = {
     activate: function () {
       var _this = this;
       _this.fix();
@@ -249,16 +253,16 @@ $.AdminLTE.layout = {
         }
       }
     }
-};
+  };
 
-/* PushMenu()
+  /* PushMenu()
    * ==========
    * Adds the push menu functionality to the sidebar.
    *
    * @type Function
    * @usage: $.AdminLTE.pushMenu("[data-toggle='offcanvas']")
    */
-$.AdminLTE.pushMenu = function (toggleBtn) {
+  $.AdminLTE.pushMenu = function (toggleBtn) {
     //Get the screen sizes
     var screenSizes = this.options.screenSizes;
 
@@ -288,9 +292,9 @@ $.AdminLTE.pushMenu = function (toggleBtn) {
       }
     });
 
-};
+  };
 
-/* Tree()
+  /* Tree()
    * ======
    * Converts the sidebar into a multilevel
    * tree view menu.
@@ -298,7 +302,7 @@ $.AdminLTE.pushMenu = function (toggleBtn) {
    * @type Function
    * @Usage: $.AdminLTE.tree('.sidebar')
    */
-$.AdminLTE.tree = function (menu) {
+  $.AdminLTE.tree = function (menu) {
     var _this = this;
 
     $("li a", $(menu)).click(function (e) {
@@ -342,9 +346,9 @@ $.AdminLTE.tree = function (menu) {
         e.preventDefault();
       }
     });
-};
+  };
 
-/* BoxWidget
+  /* BoxWidget
    * =========
    * BoxWidget is plugin to handle collapsing and
    * removing boxes from the screen.
@@ -353,7 +357,7 @@ $.AdminLTE.tree = function (menu) {
    * @usage $.AdminLTE.boxWidget.activate()
    *        Set all of your option in the main $.AdminLTE.options object
    */
-$.AdminLTE.boxWidget = {
+  $.AdminLTE.boxWidget = {
     activate: function () {
       var o = $.AdminLTE.options;
       var _this = this;
@@ -394,7 +398,8 @@ $.AdminLTE.boxWidget = {
       box.slideUp();
     },
     options: $.AdminLTE.options.boxWidgetOptions
-};
+  };
+}
 
 /* ------------------
  * - Custom Plugins -

documentation/style.css

@@ -6,6 +6,10 @@
   font-size: 16px;
 }
 
+.content {
+  z-index: 500;
+}
+
 #components > h3 {
   font-size: 25px;  
   color: #000;
@@ -20,7 +24,7 @@ ul {
 }
 .page-header {
   /*border-bottom: 1px solid #ddd;        */
-  margin: 20px 0 20px 0;
+  margin: 20px 0 10px 0!important;
   position: relative;
   z-index: 1;
   font-size: 30px;
@@ -46,6 +50,7 @@ ul {
   margin-top: -60px; 
   height: 60px; 
   visibility: hidden; 
+  z-index: -10;
 }
 
 .lead {