Зуев Егор / wiki.dev

Go to a project
Toggle navigation
Toggle navigation pinning
Dan Brown
ca2a3ba0 1 parent e5a372ff

Made sidebar hierachy clearer

Inline Side-by-side
Showing 2 changed files with 17 additions and 12 deletions
...@@ -270,11 +270,14 @@ h1, h2, h3, h4, h5, h6 { ...@@ -270,11 +270,14 @@ h1, h2, h3, h4, h5, h6 {
270 .book-tree .sidebar-page-list { 270 .book-tree .sidebar-page-list {
271 list-style: none; 271 list-style: none;
272 margin: 0; 272 margin: 0;
273 - border-left: 1px solid #7BD06E; 273 + border-left: 5px solid #7BD06E;
274 li a { 274 li a {
275 display: block; 275 display: block;
276 border-bottom: 1px solid #3A3939; 276 border-bottom: 1px solid #3A3939;
277 } 277 }
278 + li, a {
279 + display: block;
280 + }
278 a.bold { 281 a.bold {
279 color: #EEE !important; 282 color: #EEE !important;
280 } 283 }
...@@ -291,8 +294,15 @@ h1, h2, h3, h4, h5, h6 { ...@@ -291,8 +294,15 @@ h1, h2, h3, h4, h5, h6 {
291 .chapter { 294 .chapter {
292 color: #D2A64B !important; 295 color: #D2A64B !important;
293 } 296 }
297 + .list-item-chapter {
298 + border-left: 5px solid #D2A64B;
299 + margin: 10px 10px;
300 + display: block;
301 + }
294 .page { 302 .page {
295 color: #4599DC !important; 303 color: #4599DC !important;
304 + border-left: 5px solid #4599DC;
305 + margin: 10px 10px;
296 } 306 }
297 } 307 }
298 308
...@@ -364,7 +374,7 @@ body.dragging, body.dragging * { ...@@ -364,7 +374,7 @@ body.dragging, body.dragging * {
364 width: 100%; 374 width: 100%;
365 height: 100%; 375 height: 100%;
366 z-index: -1; 376 z-index: -1;
367 - background-color: rgba(0,0,0,0.7); 377 + background-color: rgba(0,0,0,0.85);
368 display: block; 378 display: block;
369 } 379 }
370 } 380 }
......
...@@ -2,8 +2,8 @@ ...@@ -2,8 +2,8 @@
2 <ul class="sidebar-page-list menu"> 2 <ul class="sidebar-page-list menu">
3 <li class="book-header"><a href="{{$book->getUrl()}}" class="book"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li> 3 <li class="book-header"><a href="{{$book->getUrl()}}" class="book"><i class="zmdi zmdi-book"></i>{{$book->name}}</a></li>
4 @foreach($book->children() as $bookChild) 4 @foreach($book->children() as $bookChild)
5 - <li> 5 + <li class="list-item-{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
6 - <a href="{{$bookChild->getUrl()}}" class="@if(is_a($bookChild, 'Oxbow\Chapter')) chapter @else page @endif"> 6 + <a href="{{$bookChild->getUrl()}}" class="{{is_a($bookChild, 'Oxbow\Chapter') ? 'chapter' : 'page' }}">
7 @if(is_a($bookChild, 'Oxbow\Chapter')) 7 @if(is_a($bookChild, 'Oxbow\Chapter'))
8 <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i> 8 <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
9 @else 9 @else
...@@ -15,14 +15,9 @@ ...@@ -15,14 +15,9 @@
15 @if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0) 15 @if(is_a($bookChild, 'Oxbow\Chapter') && count($bookChild->pages) > 0)
16 <ul class="menu"> 16 <ul class="menu">
17 @foreach($bookChild->pages as $page) 17 @foreach($bookChild->pages as $page)
18 - <li> 18 + <li class="list-item-page">
19 - <a href="{{$page->getUrl()}}" class="@if(is_a($page, 'Oxbow\Chapter')) chapter @else page @endif"> 19 + <a href="{{$page->getUrl()}}" class="page">
20 - @if(is_a($page, 'Oxbow\Chapter')) 20 + <i class="zmdi zmdi-file-text"></i> {{ $page->name }}
21 - <i class="zmdi zmdi-collection-bookmark chapter-toggle"></i>
22 - @else
23 - <i class="zmdi zmdi-file-text"></i>
24 - @endif
25 - {{ $page->name }}
26 </a> 21 </a>
27 </li> 22 </li>
28 @endforeach 23 @endforeach
......