Made sidebar hierachy clearer

This commit is contained in:
Dan Brown 2015-08-16 00:50:27 +01:00
parent e5a372ffbd
commit ca2a3ba0e8
2 changed files with 17 additions and 12 deletions

View File

@ -270,11 +270,14 @@ h1, h2, h3, h4, h5, h6 {
.book-tree .sidebar-page-list { .book-tree .sidebar-page-list {
list-style: none; list-style: none;
margin: 0; margin: 0;
border-left: 1px solid #7BD06E; border-left: 5px solid #7BD06E;
li a { li a {
display: block; display: block;
border-bottom: 1px solid #3A3939; border-bottom: 1px solid #3A3939;
} }
li, a {
display: block;
}
a.bold { a.bold {
color: #EEE !important; color: #EEE !important;
} }
@ -291,8 +294,15 @@ h1, h2, h3, h4, h5, h6 {
.chapter { .chapter {
color: #D2A64B !important; color: #D2A64B !important;
} }
.list-item-chapter {
border-left: 5px solid #D2A64B;
margin: 10px 10px;
display: block;
}
.page { .page {
color: #4599DC !important; color: #4599DC !important;
border-left: 5px solid #4599DC;
margin: 10px 10px;
} }
} }
@ -364,7 +374,7 @@ body.dragging, body.dragging * {
width: 100%; width: 100%;
height: 100%; height: 100%;
z-index: -1; z-index: -1;
background-color: rgba(0,0,0,0.7); background-color: rgba(0,0,0,0.85);
display: block; display: block;
} }
} }

View File

@ -2,8 +2,8 @@
<ul class="sidebar-page-list menu"> <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> <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) @foreach($book->children() as $bookChild)
<li> <li class="list-item-{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
<a href="{{$bookChild->getUrl()}}" class="@if(is_a($bookChild, 'Oxbow\Chapter')) chapter @else page @endif"> <a href="{{$bookChild->getUrl()}}" class="{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
@if(is_a($bookChild, 'Oxbow\Chapter')) @if(is_a($bookChild, 'Oxbow\Chapter'))
<i class="zmdi zmdi-collection-bookmark chapter-toggle"></i> <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
@else @else
@ -15,14 +15,9 @@
@if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0) @if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0)
<ul class="menu"> <ul class="menu">
@foreach($bookChild->pages as $page) @foreach($bookChild->pages as $page)
<li> <li class="list-item-page">
<a href="{{$page->getUrl()}}" class="@if(is_a($page, 'Oxbow\Chapter')) chapter @else page @endif"> <a href="{{$page->getUrl()}}" class="page">
@if(is_a($page, 'Oxbow\Chapter')) <i class="zmdi zmdi-file-text"></i> {{ $page->name }}
<i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
@else
<i class="zmdi zmdi-file-text"></i>
@endif
{{ $page->name }}
</a> </a>
</li> </li>
@endforeach @endforeach