Fixed inset chapter list colors

The colors were being overridden by the custom theme color.
Styles added to force color to page and/or page draft.

diff --git a/resources/assets/sass/_lists.scss b/resources/assets/sass/_lists.scss
index e0ba2ae425a2884abbecc3a8d5c5da1069608fb1..6794433138b8b7bab52d780e2a1942cc6f7493f0 100644 (file)
--- a/resources/assets/sass/_lists.scss
+++ b/resources/assets/sass/_lists.scss
@@ -16,6 +16,9 @@
     margin: $-s 0 0 0;
     border-left: 5px solid $color-page;
     padding: $-xs 0 $-xs $-m;
+    &.draft {
+      border-left-color: $color-page-draft;
+    }
   }
   hr {
     margin-top: 0;

diff --git a/resources/assets/sass/_text.scss b/resources/assets/sass/_text.scss
index f76fa4d013b8827e363318f3ef824dcabd12479e..721eeb2382145297772dff530d6f0863c44d7b83 100644 (file)
--- a/resources/assets/sass/_text.scss
+++ b/resources/assets/sass/_text.scss
@@ -206,6 +206,12 @@ p.secondary, p .secondary, span.secondary, .text-secondary {
   &:hover {
     color: $color-page;
   }
+  &.draft {
+    color: $color-page-draft;
+  }
+  &.draft:hover {
+    color: $color-page-draft;
+  }
 }
 .text-chapter {
   color: $color-chapter;

diff --git a/resources/views/chapters/list-item.blade.php b/resources/views/chapters/list-item.blade.php
index beaf1cac2fbb59267fc0810dbddd10ee15dbbcd8..d5ac46338c772ff830865562c9378fdef633a87a 100644 (file)
--- a/resources/views/chapters/list-item.blade.php
+++ b/resources/views/chapters/list-item.blade.php
@@ -14,7 +14,7 @@
         <p class="text-muted chapter-toggle"><i class="zmdi zmdi-caret-right"></i> <i class="zmdi zmdi-file-text"></i> <span>{{ count($chapter->pages) }} Pages</span></p>
         <div class="inset-list">
             @foreach($chapter->pages as $page)
-                <h4><a href="{{$page->getUrl()}}"><i class="zmdi zmdi-file-text"></i>{{$page->name}}</a></h4>
+                <h4 class="@if($page->draft) draft @endif"><a href="{{$page->getUrl()}}" class="text-page @if($page->draft) draft @endif"><i class="zmdi zmdi-file-text"></i>{{$page->name}}</a></h4>
             @endforeach
         </div>
     @endif