no double folder tree

Author: streamtw

public/css/lfm.css

@@ -34,15 +34,16 @@ a {
 }
 
 #tree {
+  background-color: white;
   width: 300px;
 }
 
-#mobile_tree {
-  background-color: white;
-  position: absolute;
-  z-index: 999;
-  width: 300px;
-  left: -300px;
+@media screen and (max-width: 991px) {
+  #tree {
+    position: absolute;
+    z-index: 999;
+    left: -300px;
+  }
 }
 
 #empty {

public/js/script.js

@@ -114,11 +114,11 @@ $('#to-previous').click(function () {
 
 function toggleMobileTree(should_display) {
   if (should_display) {
-    $('#mobile_tree').animate({'left': '0px'}, 1000, 'easeOutExpo', function () {
+    $('#tree').animate({'left': '0px'}, 1000, 'easeOutExpo', function () {
       show_tree = true;
     });
   } else {
-    $('#mobile_tree').animate({'left': '-' + $('#mobile_tree').width() + 'px'}, 1000, 'easeOutExpo', function () {
+    $('#tree').animate({'left': '-' + $('#tree').width() + 'px'}, 1000, 'easeOutExpo', function () {
       show_tree = false;
     });
   }
@@ -242,10 +242,6 @@ function toggleActions() {
 
 $(document).on('click', '#tree a', function (e) {
   goTo($(e.target).closest('a').data('path'));
-});
-
-$(document).on('click', '#tree2 a', function (e) {
-  goTo($(e.target).closest('a').data('path'));
   toggleMobileTree(false);
 });
 

src/views/index.blade.php

@@ -72,29 +72,8 @@
     </div>
   </nav>
 
-  <aside id="mobile_tree">
-    <div class="mt-3 mx-3">
-      <h1 style="font-size: 1.5rem;">Laravel File Manager</h1>
-      <small class="d-block">Ver 2.0</small>
-      <div class="row mt-3">
-        <div class="col-3">
-          <img src="https://www.unisharp.com/img/favicon_unisharp_logo.png">
-        </div>
-
-        <div class="col-9">
-          <p>Current usage :</p>
-          <p>20 GB (Max : 1 TB)</p>
-        </div>
-      </div>
-      <div class="progress mt-3" style="height: .5rem;">
-        <div class="progress-bar progress-bar-striped progress-bar-animated w-75 bg-main" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
-      </div>
-    </div>
-    <div id="tree2" class="mt-3"></div>
-  </aside>
-
   <div class="container-fluid pt-3 d-flex flex-row">
-    <div id="tree" class="d-none d-lg-block"></div>
+    <div id="tree"></div>
 
     <div id="main">
       {{-- <div class="visible-xs" id="current_dir" style="padding: 5px 15px;background-color: #f8f8f8;color: #5e5e5e;"></div> --}}

src/views/tree.blade.php

@@ -1,3 +1,21 @@
+<div class="m-3 d-block d-lg-none">
+  <h1 style="font-size: 1.5rem;">Laravel File Manager</h1>
+  <small class="d-block">Ver 2.0</small>
+  <div class="row mt-3">
+    <div class="col-3">
+      <img src="https://www.unisharp.com/img/favicon_unisharp_logo.png">
+    </div>
+
+    <div class="col-9">
+      <p>Current usage :</p>
+      <p>20 GB (Max : 1 TB)</p>
+    </div>
+  </div>
+  <div class="progress mt-3" style="height: .5rem;">
+    <div class="progress-bar progress-bar-striped progress-bar-animated w-75 bg-main" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100"></div>
+  </div>
+</div>
+
 <ul class="nav nav-pills flex-column">
   @foreach($root_folders as $root_folder)
     <li class="nav-item active">