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

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