respective book and chapter structure added.

[bookstack] / resources / sass / _tables.scss

diff --git a/resources/sass/_tables.scss b/resources/sass/_tables.scss
index a1a2fef0a44537057b186fdd1969bf7461edb175..a3da3362122491903d49d7944ef2b2f180870970 100644 (file)
--- a/resources/sass/_tables.scss
+++ b/resources/sass/_tables.scss
@@ -2,7 +2,7 @@ table {
   min-width: 100px;
   max-width: 100%;
   thead {
-    background-color: #F8F8F8;
+    @include lightDark(background-color, #f8f8f8, #333);
     font-weight: 500;
   }
   td, th {
@@ -11,6 +11,8 @@ table {
     border: 1px solid #DDD;
     overflow: auto;
     line-height: 1.2;
+       word-break: break-word;
+    vertical-align: top; // Workaround for: https://bugzilla.mozilla.org/show_bug.cgi?id=569645
   }
   td p, th p {
     margin: 0;
@@ -23,20 +25,21 @@ table.table {
     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   }
   th, td {
-    text-align: left;
+    text-align: start;
     border: none;
     padding: $-s $-s;
     vertical-align: middle;
     margin: 0;
+    overflow: visible;
   }
   th {
     font-weight: bold;
   }
   tr:hover {
-    background-color: #EEE;
+    @include lightDark(background-color, #F2F2F2, #333);
   }
   .text-right {
-    text-align: right;
+    text-align: end;
   }
   .text-center {
     text-align: center;
@@ -47,6 +50,12 @@ table.table {
   a {
     display: inline-block;
   }
+  &.expand-to-padding {
+    margin-left: -$-s;
+    margin-right: -$-s;
+    width: calc(100% + (2*#{$-s}));
+    max-width: calc(100% + (2*#{$-s}));
+  }
 }
 
 table.no-style {
@@ -57,7 +66,7 @@ table.no-style {
 }
 
 table.list-table {
-  margin: 0 -$-xs;
+  margin: 0 (-$-xs);
   td {
     border: 0;
     vertical-align: middle;