Merge branch 'fkoester-embeddable'

Author: joni2back

dist/angular-filemanager.min.css

@@ -1,6 +1,6 @@
 body {
-  padding-top: 55px;
   font-size: 14px;
+  height: 100vh;
 }
 
 *,
@@ -10,6 +10,9 @@ body {
 
 .navbar {
   min-height: 32px;
+  margin-bottom: 0;
+  border: 0;
+  border-radius: 0;
 }
 
 .navbar .navbar-toggle {
@@ -63,10 +66,6 @@ textarea.code {
   border-bottom: 1px solid #eee;
 }
 
-.navbar-fixed-top {
-  border: 0;
-}
-
 .sidebar {
   display: none;
 }
@@ -282,20 +281,30 @@ table th > a:focus {
   font-weight: bold;
 }
 
+.main {
+  overflow-y: auto;
+}
+
 @media (min-width: 768px) {
   .main {
     padding-right: 0;
     padding-left: 0;
   }
 
+  /* The view should fill all available vertical space */
+  angular-filemanager > div,.row,.main,.sidebar {
+    height: 100%;
+  }
+
+  .container-fluid {
+    height: -webkit-calc(100% - 55px);
+    height: -moz-calc(100% - 55px);
+    height: calc(100% - 55px);
+  }
+
   .sidebar {
-    position: fixed;
-    top: 50px;
-    bottom: 0;
-    left: 0;
-    z-index: 1000;
     display: block;
-    padding: 5px 0;
+    padding: 0;
     overflow-x: hidden;
     overflow-y: auto;
     background-color: #f5f5f5;
@@ -313,4 +322,4 @@ table th > a:focus {
   .table.table-files .btn {
     display: none;
   }
-}
+}

dist/angular-filemanager.min.js

@@ -4,8 +4,8 @@
     <div class="container-fluid">
         <div class="row">
 
-            <div class="col-sm-3 col-md-2 sidebar file-tree animated slow fadeIn" ng-include="config.tplPath + '/sidebar.html'" ng-show="config.sidebar && fileNavigator.history[0]"></div>
-            <div class="main" ng-class="config.sidebar && fileNavigator.history[0] && 'col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2'">
+            <div class="col-sm-3 col-md-2 sidebar file-tree animated slow fadeIn" ng-include="config.tplPath + '/sidebar.html'" ng-show="config.sidebar &amp;&amp; fileNavigator.history[0]"></div>
+            <div class="main" ng-class="config.sidebar &amp;&amp; fileNavigator.history[0] &amp;&amp; 'col-sm-9 col-md-10'">
                 <div ng-include="config.tplPath + '/current-folder-breadcrumb.html'" ng-show="config.breadcrumb"></div>
                 <div ng-include="config.tplPath + '/' + viewTemplate" class="main-navigation clearfix"></div>
             </div>
@@ -14,4 +14,4 @@
 
     <div ng-include="config.tplPath + '/modals.html'"></div>
     <div ng-include="config.tplPath + '/item-context-menu.html'"></div>
-</div>
+</div>

src/css/main.css

@@ -1,4 +1,4 @@
-<nav class="navbar navbar-inverse navbar-fixed-top">
+<nav class="navbar navbar-inverse">
   <div class="container-fluid">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">