BookStack Code Mirror - bookstack/blob - resources/sass/_tables.scss

   1 @use "mixins";
   2 @use "vars";
   3
   4 table {
   5   min-width: 100px;
   6   max-width: 100%;
   7   thead {
   8     @include mixins.lightDark(background-color, #f8f8f8, #333);
   9     font-weight: 500;
  10   }
  11   td, th {
  12     min-width: 10px;
  13     padding: 6px 8px;
  14     border: 1px solid #DDD;
  15     overflow: auto;
  16     line-height: 1.2;
  17         word-break: break-word;
  18     vertical-align: top; // Workaround for: https://bugzilla.mozilla.org/show_bug.cgi?id=569645
  19   }
  20   td p, th p {
  21     margin: 0;
  22   }
  23 }
  24
  25 table.table {
  26   width: 100%;
  27   tr td, tr th {
  28     border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  29   }
  30   th, td {
  31     text-align: start;
  32     border: none;
  33     padding: vars.$s vars.$s;
  34     vertical-align: middle;
  35     margin: 0;
  36     overflow: visible;
  37   }
  38   th {
  39     font-weight: bold;
  40   }
  41   tr:hover {
  42     @include mixins.lightDark(background-color, #F2F2F2, #333);
  43   }
  44   .text-right {
  45     text-align: end;
  46   }
  47   .text-center {
  48     text-align: center;
  49   }
  50   td.actions {
  51     overflow: visible;
  52   }
  53   a {
  54     display: inline-block;
  55   }
  56   &.expand-to-padding {
  57     margin-left: -(vars.$s);
  58     margin-right: -(vars.$s);
  59     width: calc(100% + (2*#{vars.$s}));
  60     max-width: calc(100% + (2*#{vars.$s}));
  61   }
  62 }
  63
  64 table.no-style {
  65   td {
  66     border: 0;
  67     padding: 0;
  68   }
  69 }
  70
  71 table.list-table {
  72   margin: 0 (-(vars.$xs));
  73   td {
  74     border: 0;
  75     vertical-align: middle;
  76     padding: vars.$xs;
  77   }
  78 }