Refactor rest table search filter

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / users / user-list / user-list.component.scss

diff --git a/client/src/app/+admin/users/user-list/user-list.component.scss b/client/src/app/+admin/users/user-list/user-list.component.scss
index 71adef65355a15fc3e92b0a949dbcbbdf8a9e8b9..50080bad61ec8d9c04d9e3a930658662e02a6006 100644 (file)
--- a/client/src/app/+admin/users/user-list/user-list.component.scss
+++ b/client/src/app/+admin/users/user-list/user-list.component.scss
@@ -1,3 +1,72 @@
-.add-user {
-  margin-top: 10px;
+@import '_variables';
+@import '_mixins';
+
+.add-button {
+  @include create-button;
+}
+
+tr.banned > td {
+  background-color: lighten($color: $red, $amount: 40) !important;
+}
+
+.table-email {
+  @include disable-default-a-behaviour;
+  color: pvar(--mainForegroundColor);
+}
+
+.banned-info {
+  font-style: italic;
+}
+
+.ban-reason-label {
+  font-weight: $font-semibold;
+}
+
+.user-table-primary-text .glyphicon {
+  font-size: 80%;
+  color: gray;
+  margin-left: 0.1rem;
+}
+
+.caption {
+  justify-content: space-between;
+
+  input {
+    @include peertube-input-text(250px);
+  }
+}
+
+p-tableCheckbox {
+  position: relative;
+  top: -2.5px;
+}
+
+my-global-icon {
+  width: 18px;
+}
+
+.chip {
+  @include chip;
+}
+
+.badge {
+  @include table-badge;
+}
+
+.progress {
+  @include progressbar($small: true);
+  width: auto;
+  max-width: 100%;
+}
+
+.input-group {
+  @include peertube-input-group(300px);
+
+  input {
+    flex: 1;
+  }
+
+  .dropdown-toggle::after {
+    margin-left: 0;
+  }
 }