Cleaned up dark mode styles inc. setting browser color scheme

[bookstack] / resources / sass / _lists.scss

diff --git a/resources/sass/_lists.scss b/resources/sass/_lists.scss
index 19060fbbf5d3b02e0129656b40f6d5ccd94d46fe..86a89051f05976ee55d34e5013bf0701ceb71bfd 100644 (file)
--- a/resources/sass/_lists.scss
+++ b/resources/sass/_lists.scss
@@ -197,7 +197,7 @@
   .chapter-contents-toggle {
     display: block;
     width: 100%;
-    text-align: left;
+    text-align: start;
     padding: $-xxs $-s ($-xxs * 2) $-s;
     border-radius: 0 3px 3px 0;
     line-height: 1;
@@ -284,7 +284,8 @@
     padding-inline-start: $-m;
   }
   li {
-    border: 1px solid #DDD;
+    border: 1px solid;
+    @include lightDark(border-color, #DDD, #666);
     margin-top: -1px;
     min-height: 38px;
   }
@@ -443,6 +444,14 @@ ul.pagination {
   }
 }
 
+.entity-list-item.disabled {
+  pointer-events: none;
+  cursor: not-allowed;
+  opacity: 0.8;
+  user-select: none;
+  background: var(--bg-disabled);
+}
+
 .entity-list-item-path-sep {
   display: inline-block;
   vertical-align: top;
@@ -622,7 +631,7 @@ ul.pagination {
   z-index: 999;
   top: 0;
   list-style: none;
-  right: 0;
+  inset-inline-end: 0;
   margin: $-m 0;
   @include lightDark(background-color, #fff, #333);
   box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
@@ -707,7 +716,7 @@ ul.pagination {
 // being cut by scrollable container.
 .tri-layout-right .dropdown-menu,
 .tri-layout-left .dropdown-menu {
-  right: $-xs;
+  inset-inline-end: $-xs;
 }
 
 // Books grid view