Made sidebar hierachy clearer

diff --git a/resources/assets/sass/styles.scss b/resources/assets/sass/styles.scss
index c7301336fbe27b376574972988663f0b40bdcf42..fc5e2630e42f4cfade7b77966798e0b0daf0004e 100644 (file)
--- a/resources/assets/sass/styles.scss
+++ b/resources/assets/sass/styles.scss
@@ -270,11 +270,14 @@ h1, h2, h3, h4, h5, h6 {
 .book-tree .sidebar-page-list {
   list-style: none;
   margin: 0;
 .book-tree .sidebar-page-list {
   list-style: none;
   margin: 0;

-  border-left: 1px solid #7BD06E;
+  border-left: 5px solid #7BD06E;

   li a {
     display: block;
     border-bottom: 1px solid #3A3939;
   }
   li a {
     display: block;
     border-bottom: 1px solid #3A3939;
   }

+  li, a {
+    display: block;
+  }

   a.bold {
     color: #EEE !important;
   }
   a.bold {
     color: #EEE !important;
   }


@@ -291,8 +294,15 @@ h1, h2, h3, h4, h5, h6 {
   .chapter {
     color: #D2A64B !important;
   }
   .chapter {
     color: #D2A64B !important;
   }

+  .list-item-chapter {
+    border-left: 5px solid #D2A64B;
+    margin: 10px 10px;
+    display: block;
+  }

   .page {
     color: #4599DC !important;
   .page {
     color: #4599DC !important;

+    border-left: 5px solid #4599DC;
+    margin: 10px 10px;

   }
 }
 
   }
 }
 


@@ -364,7 +374,7 @@ body.dragging, body.dragging * {
     width: 100%;
     height: 100%;
     z-index: -1;
     width: 100%;
     height: 100%;
     z-index: -1;

-    background-color: rgba(0,0,0,0.7);
+    background-color: rgba(0,0,0,0.85);

     display: block;
   }
 }
     display: block;
   }
 }

diff --git a/resources/views/pages/sidebar-tree-list.blade.php b/resources/views/pages/sidebar-tree-list.blade.php
index 402f78e9457d8ffcdccf9979e534772a2732cc32..45a726e1de8646679980ca554a345cb537c54c50 100644 (file)
--- a/resources/views/pages/sidebar-tree-list.blade.php
+++ b/resources/views/pages/sidebar-tree-list.blade.php
@@ -2,8 +2,8 @@
 <ul class="sidebar-page-list menu">
     <li class="book-header"><a href="{{$book->getUrl()}}" class="book"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li>
     @foreach($book->children() as $bookChild)
 <ul class="sidebar-page-list menu">
     <li class="book-header"><a href="{{$book->getUrl()}}" class="book"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li>
     @foreach($book->children() as $bookChild)

-        <li>
-            <a href="{{$bookChild->getUrl()}}" class="@if(is_a($bookChild, 'Oxbow\Chapter')) chapter @else page @endif">
+        <li class="list-item-{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
+            <a href="{{$bookChild->getUrl()}}" class="{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">

                 @if(is_a($bookChild, 'Oxbow\Chapter'))
                     <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
                 @else
                 @if(is_a($bookChild, 'Oxbow\Chapter'))
                     <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
                 @else


@@ -15,14 +15,9 @@
             @if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0)
                 <ul class="menu">
                     @foreach($bookChild->pages as $page)
             @if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0)
                 <ul class="menu">
                     @foreach($bookChild->pages as $page)

-                        <li>
-                            <a href="{{$page->getUrl()}}" class="@if(is_a($page, 'Oxbow\Chapter')) chapter @else page @endif">
-                                @if(is_a($page, 'Oxbow\Chapter'))
-                                    <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
-                                @else
-                                    <i class="zmdi zmdi-file-text"></i>
-                                @endif
-                                {{ $page->name }}
+                        <li class="list-item-page">
+                            <a href="{{$page->getUrl()}}" class="page">
+                                <i class="zmdi zmdi-file-text"></i> {{ $page->name }}

                             </a>
                         </li>
                     @endforeach
                             </a>
                         </li>
                     @endforeach