Move web to apps/web and bitwarden_license/bit-web

apps/web/src/scss/tables.scss

@@ -0,0 +1,137 @@
+.table {
+  @include themify($themes) {
+    color: themed("textColor");
+  }
+
+  td {
+    vertical-align: middle;
+    @include themify($themes) {
+      color: themed("textColor");
+    }
+
+    & > a {
+      &:not(.badge) {
+        @include themify($themes) {
+          color: themed("tableLinkColor");
+        }
+        &:hover {
+          @include themify($themes) {
+            color: themed("tableLinkColorHover");
+          }
+        }
+      }
+    }
+
+    &.reduced-lh {
+      line-height: 1;
+
+      small {
+        font-size: 80%;
+      }
+    }
+
+    small,
+    > .bwi,
+    .icon {
+      @include themify($themes) {
+        color: themed("textMuted");
+      }
+    }
+
+    .bwi-globe {
+      @include themify($themes) {
+        color: themed("iconColor");
+      }
+    }
+  }
+
+  td.wrap {
+    word-break: break-all;
+  }
+
+  td.table-list-options {
+    height: 50px;
+    max-width: 76px;
+    text-align: right;
+    width: 76px;
+
+    &.wider {
+      max-width: 100px;
+      width: 100px;
+    }
+
+    .btn {
+      line-height: 1;
+      transition: initial;
+    }
+
+    .dropdown-menu {
+      line-height: $line-height-base;
+    }
+  }
+
+  td.table-action-right {
+    text-align: right;
+  }
+
+  // Deprecated: only used for old Bootstrap table-list-option menus before the End User Vault Refresh.
+  // New menus should be permanently visible.
+  tr:not(:hover) td.table-list-options {
+    > .dropdown:not(.show) button:not(:focus):not(:active),
+    > button.dropdown-toggle:not(:focus):not(:active) {
+      @extend .sr-only;
+    }
+  }
+
+  td.table-list-icon {
+    max-width: 45px;
+    text-align: center;
+    width: 45px;
+
+    img {
+      @extend .rounded;
+      @extend .img-fluid;
+      max-height: 24px;
+    }
+  }
+
+  td.table-list-checkbox {
+    max-width: 35px;
+    width: 35px;
+  }
+
+  td.table-list-strike {
+    text-decoration: line-through;
+    @include themify($themes) {
+      color: themed("textMuted");
+    }
+  }
+
+  &.table-list {
+    &.table td,
+    .table th {
+      &:not(tr:first-child td) {
+        @include themify($themes) {
+          border-top: 1px solid themed("tableSeparator");
+        }
+      }
+    }
+
+    thead th {
+      border-top: none;
+    }
+
+    tr:first-child {
+      td {
+        border: none;
+      }
+    }
+  }
+}
+
+.table-hover tbody tr:hover {
+  @include themify($themes) {
+    background-color: themed("tableRowHover");
+    color: themed("tableColorHover");
+  }
+}