Standardized breadcrumbs a little further with icons

diff --git a/resources/assets/sass/_header.scss b/resources/assets/sass/_header.scss
index 3f4841a7fbec462ffb27652abc9d37fd07ac8ede..a81c11e74d41b53f7736ba0fca61e98fad75b4a1 100644 (file)
--- a/resources/assets/sass/_header.scss
+++ b/resources/assets/sass/_header.scss
@@ -200,14 +200,24 @@ header .search-box {
   display: flex;
   flex-direction: row;
   align-items: center;
-}
-
-.breadcrumbs .separator {
-  fill: #aaa;
-  font-size: 1.6em;
-  line-height: 0.8;
-  margin: 0 $-xs;
-  margin-top: -2px;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  .icon-list-item {
+    width: auto;
+    padding-top: $-xs;
+    padding-bottom: $-xs;
+    &:not(:hover) {
+      color: #666;
+      fill: #888;
+    }
+  }
+  .separator {
+    display: inline-block;
+    fill: #aaa;
+    font-size: 1.6em;
+    line-height: 0.8;
+    margin: -2px 0 0;
+  }
 }
 
 .faded {

diff --git a/resources/views/books/create.blade.php b/resources/views/books/create.blade.php
index 4915d64cf4e99dff1ebcda6737672e178789eefd..db93c3d1ed32891e337b56cd658447a6d4539c20 100644 (file)
--- a/resources/views/books/create.blade.php
+++ b/resources/views/books/create.blade.php
@@ -2,10 +2,16 @@
 
 @section('body')
     <div class="container small">
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
-                '/books' => trans('entities.books'),
-                '/create-book' => trans('entities.books_create')
+                '/books' => [
+                    'text' => trans('entities.books'),
+                    'icon' => 'book'
+                ],
+                '/create-book' => [
+                    'text' => trans('entities.books_create'),
+                    'icon' => 'add'
+                ]
             ]])
         </div>
 

diff --git a/resources/views/books/delete.blade.php b/resources/views/books/delete.blade.php
index e505898665b2678731f386b4c2f417e28a237e8c..2860e8bcdf15a63dbb2dec9cee399c4f39020ea0 100644 (file)
--- a/resources/views/books/delete.blade.php
+++ b/resources/views/books/delete.blade.php
@@ -4,10 +4,13 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $book,
-                $book->getUrl('/delete') => trans('entities.books_delete')
+                $book->getUrl('/delete') => [
+                    'text' => trans('entities.books_delete'),
+                    'icon' => 'delete',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/books/edit.blade.php b/resources/views/books/edit.blade.php
index e1162d4b4c9364e0c6cc6cc3bde0ebaf555c63be..caeae9175d021d8646e75cd54ae67329dbbce180 100644 (file)
--- a/resources/views/books/edit.blade.php
+++ b/resources/views/books/edit.blade.php
@@ -4,10 +4,13 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $book,
-                $book->getUrl('/edit') => trans('entities.books_edit')
+                $book->getUrl('/edit') => [
+                    'text' => trans('entities.books_edit'),
+                    'icon' => 'edit',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/books/permissions.blade.php b/resources/views/books/permissions.blade.php
index b1ff3b0a8eb41f1a76aae4d3f337aa870ea8235a..64322cf859696af63971a57b76abad784ac14be9 100644 (file)
--- a/resources/views/books/permissions.blade.php
+++ b/resources/views/books/permissions.blade.php
@@ -4,10 +4,13 @@
 
     <div class="container">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $book,
-                $book->getUrl('/permissions') => trans('entities.books_permissions')
+                $book->getUrl('/permissions') => [
+                    'text' => trans('entities.books_permissions'),
+                    'icon' => 'lock',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/books/sort.blade.php b/resources/views/books/sort.blade.php
index 4483af35bd7d5d19bf02a5b448c17b5436839edf..771a68fcbc2ce2504f574df0daa7366e608d921a 100644 (file)
--- a/resources/views/books/sort.blade.php
+++ b/resources/views/books/sort.blade.php
@@ -6,7 +6,7 @@
 
     <div class="container">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $book,
                 $book->getUrl('/sort') => [

diff --git a/resources/views/chapters/_breadcrumbs.blade.php b/resources/views/chapters/_breadcrumbs.blade.php
deleted file mode 100644 (file)
index 81e2706..0000000
--- a/resources/views/chapters/_breadcrumbs.blade.php
+++ /dev/null
@@ -1,4 +0,0 @@
-@include('partials.breadcrumbs', ['crumbs' => [
-        $chapter->book,
-        $chapter,
-]])
\ No newline at end of file

diff --git a/resources/views/chapters/create.blade.php b/resources/views/chapters/create.blade.php
index e8325c2478939fd126d733d2ef7ba0ce7a19e841..8953eb0ccac6528b024f9f4d2fe7da3f4db214c2 100644 (file)
--- a/resources/views/chapters/create.blade.php
+++ b/resources/views/chapters/create.blade.php
@@ -3,10 +3,13 @@
 @section('body')
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $book,
-                $book->getUrl('create-chapter') => trans('entities.chapters_create')
+                $book->getUrl('create-chapter') => [
+                    'text' => trans('entities.chapters_create'),
+                    'icon' => 'add',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/chapters/delete.blade.php b/resources/views/chapters/delete.blade.php
index c2580883d8b272894f48ec02278ecf0a0fb02e37..3444ee0fb19271f242352621d4c5ea3cd5799607 100644 (file)
--- a/resources/views/chapters/delete.blade.php
+++ b/resources/views/chapters/delete.blade.php
@@ -4,11 +4,14 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $chapter->book,
                 $chapter,
-                $chapter->getUrl('/delete') => trans('entities.chapters_delete')
+                $chapter->getUrl('/delete') => [
+                    'text' => trans('entities.chapters_delete'),
+                    'icon' => 'delete',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/chapters/edit.blade.php b/resources/views/chapters/edit.blade.php
index 8bf22dbb9b30e9851fe52297ce8a6edf53dcd23c..570182344a0b17a35cf0e2c6ab11556a0ecaff10 100644 (file)
--- a/resources/views/chapters/edit.blade.php
+++ b/resources/views/chapters/edit.blade.php
@@ -4,11 +4,14 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $book,
                 $chapter,
-                $chapter->getUrl('/edit') => trans('entities.chapters_edit')
+                $chapter->getUrl('/edit') => [
+                    'text' => trans('entities.chapters_edit'),
+                    'icon' => 'edit'
+                ]
             ]])
         </div>
 

diff --git a/resources/views/chapters/move.blade.php b/resources/views/chapters/move.blade.php
index afdc570f8f3cdcbf6db270d26ef00199b98f5ecb..7f3de1322bdcaf94200ef5dfbeddbb358f190bf3 100644 (file)
--- a/resources/views/chapters/move.blade.php
+++ b/resources/views/chapters/move.blade.php
@@ -4,11 +4,14 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $chapter->book,
                 $chapter,
-                $chapter->getUrl('/move') => trans('entities.chapters_move')
+                $chapter->getUrl('/move') => [
+                    'text' => trans('entities.chapters_move'),
+                    'icon' => 'folder',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/chapters/permissions.blade.php b/resources/views/chapters/permissions.blade.php
index 2c8fba18eba3ae045969009b2156c55385373192..cb5808e7d5070f9fa0c3e2b0dfc1fa273248c24b 100644 (file)
--- a/resources/views/chapters/permissions.blade.php
+++ b/resources/views/chapters/permissions.blade.php
@@ -4,11 +4,14 @@
 
     <div class="container">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $chapter->book,
                 $chapter,
-                $chapter->getUrl('/permissions') => trans('entities.chapters_permissions')
+                $chapter->getUrl('/permissions') => [
+                    'text' => trans('entities.chapters_permissions'),
+                    'icon' => 'lock',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/chapters/show.blade.php b/resources/views/chapters/show.blade.php
index 5906e7e02d0e30f263d8544a32c8c798e8057928..397d75254b58af87217feeda4d6cd613bae1cd80 100644 (file)
--- a/resources/views/chapters/show.blade.php
+++ b/resources/views/chapters/show.blade.php
@@ -9,7 +9,10 @@
 @section('body')
 
     <div class="mb-m">
-        @include('chapters._breadcrumbs', ['chapter' => $chapter])
+        @include('partials.breadcrumbs', ['crumbs' => [
+            $chapter->book,
+            $chapter,
+        ]])
     </div>
 
     <div class="content-wrap card">

diff --git a/resources/views/pages/_breadcrumbs.blade.php b/resources/views/pages/_breadcrumbs.blade.php
deleted file mode 100644 (file)
index f28bb46..0000000
--- a/resources/views/pages/_breadcrumbs.blade.php
+++ /dev/null
@@ -1,5 +0,0 @@
-@include('partials.breadcrumbs', ['crumbs' => [
-        $page->book,
-        $page->hasChapter() ? $page->chapter : null,
-        $page,
-]])
\ No newline at end of file

diff --git a/resources/views/pages/copy.blade.php b/resources/views/pages/copy.blade.php
index 5c987a9ebf51e953a1ead03496f251eb869317a8..8bb9859cf7ea4e7ce542e19c29884611ca5046b8 100644 (file)
--- a/resources/views/pages/copy.blade.php
+++ b/resources/views/pages/copy.blade.php
@@ -4,12 +4,15 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $page->book,
                 $page->chapter,
                 $page,
-                $page->getUrl('/copy') => trans('entities.pages_copy')
+                $page->getUrl('/copy') => [
+                    'text' => trans('entities.pages_copy'),
+                    'icon' => 'copy',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/pages/delete.blade.php b/resources/views/pages/delete.blade.php
index 21f97cc5b8fe2bc0b1b9f5c16e64dd0837617b07..a72157a83c45ef6a3dab3d7ab467dc786df2fe10 100644 (file)
--- a/resources/views/pages/delete.blade.php
+++ b/resources/views/pages/delete.blade.php
@@ -4,12 +4,15 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $page->book,
                 $page->chapter,
                 $page,
-                $page->getUrl('/delete') => trans('entities.pages_delete')
+                $page->getUrl('/delete') => [
+                    'text' => trans('entities.pages_delete'),
+                    'icon' => 'delete',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/pages/move.blade.php b/resources/views/pages/move.blade.php
index 33dc506b0269ffedd8379c9ee2fde554b499290a..83421be934b4e169076285d8dc79721a7af23e51 100644 (file)
--- a/resources/views/pages/move.blade.php
+++ b/resources/views/pages/move.blade.php
@@ -4,12 +4,15 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $page->book,
                 $page->chapter,
                 $page,
-                $page->getUrl('/move') => trans('entities.pages_move')
+                $page->getUrl('/move') => [
+                    'text' => trans('entities.pages_move'),
+                    'icon' => 'folder',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/pages/permissions.blade.php b/resources/views/pages/permissions.blade.php
index 156b36d0e5bc6c32d1e7830c51088af67e550452..260f0e49f961eae313aa276653d982fd12ba82ad 100644 (file)
--- a/resources/views/pages/permissions.blade.php
+++ b/resources/views/pages/permissions.blade.php
@@ -4,12 +4,15 @@
 
     <div class="container">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $page->book,
                 $page->chapter,
                 $page,
-                $page->getUrl('/permissions') => trans('entities.pages_permissions')
+                $page->getUrl('/permissions') => [
+                    'text' => trans('entities.pages_permissions'),
+                    'icon' => 'lock',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/pages/revision.blade.php b/resources/views/pages/revision.blade.php
index 06ef078a2e081e0f5098d71d915a12f589ad9b8e..3ce5b349f1afc8c79645e3bcd16e500bc95e1ca3 100644 (file)
--- a/resources/views/pages/revision.blade.php
+++ b/resources/views/pages/revision.blade.php
@@ -16,7 +16,10 @@
             $page->$book,
             $page->chapter,
             $page,
-            $page->getUrl('/revisions') => trans('entities.pages_revisions'),
+            $page->getUrl('/revisions') => [
+                'text' => trans('entities.pages_revisions'),
+                'icon' => 'history',
+            ],
             $revision->getUrl('/changes') => $diff ? trans('entities.pages_revisions_numbered_changes', ['id' => $revision->id]) : null,
             $revision->getUrl() => !$diff ? trans('entities.pages_revisions_numbered', ['id' => $revision->id]) : null,
         ]])

diff --git a/resources/views/pages/revisions.blade.php b/resources/views/pages/revisions.blade.php
index d3a55a2e611c19edb9c969da55c5b054d8227be1..134b8f5c27bd4156606592333b284d117ebaeb3e 100644 (file)
--- a/resources/views/pages/revisions.blade.php
+++ b/resources/views/pages/revisions.blade.php
@@ -3,12 +3,15 @@
 @section('body')
     <div class="container">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $page->book,
                 $page->chapter,
                 $page,
-                $page->getUrl('/revisions') => trans('entities.pages_revisions')
+                $page->getUrl('/revisions') => [
+                    'text' => trans('entities.pages_revisions'),
+                    'icon' => 'history',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/pages/show.blade.php b/resources/views/pages/show.blade.php
index af610e3584c93e6f1beda1c31842f95d7e16291c..8444155a69a7984dde04de4ba9a548be23e352e9 100644 (file)
--- a/resources/views/pages/show.blade.php
+++ b/resources/views/pages/show.blade.php
@@ -3,7 +3,11 @@
 @section('body')
 
     <div class="mb-m">
-        @include('pages._breadcrumbs', ['page' => $page])
+        @include('partials.breadcrumbs', ['crumbs' => [
+            $page->book,
+            $page->hasChapter() ? $page->chapter : null,
+            $page,
+        ]])
     </div>
 
     <div class="content-wrap card">

diff --git a/resources/views/partials/breadcrumbs.blade.php b/resources/views/partials/breadcrumbs.blade.php
index 54d7b74cbf05cced74b3e5a9ba4f0255be8e680e..d9c1b4681ab6262195bd99c7aa374386539f2d6b 100644 (file)
--- a/resources/views/partials/breadcrumbs.blade.php
+++ b/resources/views/partials/breadcrumbs.blade.php
@@ -13,34 +13,16 @@
                 {{ $crumb }}
             </a>
         @elseif (is_array($crumb))
-            <a href="{{  baseUrl($key)  }}">
-                @icon($crumb['icon']) {{ $crumb['text'] }}
+            <a href="{{  baseUrl($key)  }}" class="icon-list-item">
+                <span>@icon($crumb['icon'])</span>
+                <span>{{ $crumb['text'] }}</span>
             </a>
         @elseif($crumb instanceof \BookStack\Entities\Entity)
-            <a href="{{ $crumb->getUrl() }}" class="text-{{$crumb->getType()}}">
-                @icon($crumb->getType()){{ $crumb->getShortName() }}
+            <a href="{{ $crumb->getUrl() }}" class="text-{{$crumb->getType()}} icon-list-item">
+                <span>@icon($crumb->getType())</span>
+                <span>{{ $crumb->getShortName() }}</span>
             </a>
         @endif
         <?php $breadcrumbCount++; ?>
     @endforeach
-
-    {{--@if (isset($book) && userCan('view', $book))--}}
-        {{--<a href="{{ $book->getUrl() }}" class="text-book">--}}
-            {{--@icon('book'){{ $book->getShortName() }}--}}
-        {{--</a>--}}
-        {{--<div class="separator">@icon('chevron-right')</div>--}}
-    {{--@endif--}}
-    {{--@if(isset($chapter) && userCan('view', $chapter))--}}
-        {{--<a href="{{ $chapter->getUrl() }}" class="text-chapter">--}}
-            {{--@icon('chapter'){{ $chapter->getShortName() }}--}}
-        {{--</a>--}}
-        {{--@if (isset($page))--}}
-            {{--<div class="separator">@icon('chevron-right')</div>--}}
-        {{--@endif--}}
-    {{--@endif--}}
-    {{--@if(isset($page) && userCan('view', $page))--}}
-        {{--<a href="{{ $page->getUrl() }}" class="text-page">--}}
-            {{--@icon('page'){{ $page->getShortName() }}--}}
-        {{--</a>--}}
-    {{--@endif--}}
 </div>
\ No newline at end of file

diff --git a/resources/views/shelves/create.blade.php b/resources/views/shelves/create.blade.php
index 6caa83554123006074f6e0c63157f81fc98c5a51..72bf904fea1a7ec372e86aae2081b8c12a38c9b7 100644 (file)
--- a/resources/views/shelves/create.blade.php
+++ b/resources/views/shelves/create.blade.php
@@ -4,10 +4,16 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
-                '/shelves' => trans('entities.shelves'),
-                '/create-shelf' => trans('entities.shelves_create')
+                '/shelves' => [
+                    'text' => trans('entities.shelves'),
+                    'icon' => 'bookshelf',
+                ],
+                '/create-shelf' => [
+                    'text' => trans('entities.shelves_create'),
+                    'icon' => 'add',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/shelves/delete.blade.php b/resources/views/shelves/delete.blade.php
index f5a84c8ad395ae99009f195eb3a2e0c4c4fd17ac..2a78227bda656ffd611c21dd5570b96c1e8ea3ac 100644 (file)
--- a/resources/views/shelves/delete.blade.php
+++ b/resources/views/shelves/delete.blade.php
@@ -4,10 +4,13 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $shelf,
-                $shelf->getUrl('/delete') => trans('entities.shelves_delete')
+                $shelf->getUrl('/delete') => [
+                    'text' => trans('entities.shelves_delete'),
+                    'icon' => 'delete',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/shelves/edit.blade.php b/resources/views/shelves/edit.blade.php
index 2199d1a548a53fa3575e469f2967b8b4d1abdb1e..81f4846a30694783b81479972534197defd2bc1d 100644 (file)
--- a/resources/views/shelves/edit.blade.php
+++ b/resources/views/shelves/edit.blade.php
@@ -4,10 +4,13 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $shelf,
-                $shelf->getUrl('/edit') => trans('entities.shelves_edit')
+                $shelf->getUrl('/edit') => [
+                    'text' => trans('entities.shelves_edit'),
+                    'icon' => 'edit',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/shelves/permissions.blade.php b/resources/views/shelves/permissions.blade.php
index 174c9c83bb3092780e1a050c8d0be7b55c85f125..df50be8dd1644e6300bf7758b015d1e6c61d36d6 100644 (file)
--- a/resources/views/shelves/permissions.blade.php
+++ b/resources/views/shelves/permissions.blade.php
@@ -4,10 +4,13 @@
 
     <div class="container small">
 
-        <div class="my-l">
+        <div class="my-s">
             @include('partials.breadcrumbs', ['crumbs' => [
                 $shelf,
-                $shelf->getUrl('/permissions') => trans('entities.shelves_permissions')
+                $shelf->getUrl('/permissions') => [
+                    'text' => trans('entities.shelves_permissions'),
+                    'icon' => 'lock',
+                ]
             ]])
         </div>
 

diff --git a/resources/views/tri-layout.blade.php b/resources/views/tri-layout.blade.php
index 1eeaf970aedc61d7b7baeccb7bee575eeedfa858..a77bb5d75b716999eed82b6986180419d06b9821 100644 (file)
--- a/resources/views/tri-layout.blade.php
+++ b/resources/views/tri-layout.blade.php
@@ -8,9 +8,9 @@
         {{--@yield('toolbar')--}}
     {{--</div>--}}
 
-    <div class="tri-layout-container mt-xl" tri-layout @yield('container-attrs') >
+    <div class="tri-layout-container mt-m" tri-layout @yield('container-attrs') >
 
-        <div class="tri-layout-left print-hidden " id="sidebar">
+        <div class="tri-layout-left print-hidden pt-m" id="sidebar">
             <div class="tri-layout-left-contents">
                 @yield('left')
             </div>
@@ -20,7 +20,7 @@
             @yield('body')
         </div>
 
-        <div class="tri-layout-right print-hidden">
+        <div class="tri-layout-right print-hidden pt-m">
             <div class="tri-layout-right-contents">
                 @yield('right')
             </div>