Fix ng select in admin

[github/Chocobozzz/PeerTube.git] / client / src / app / +admin / config / edit-custom-config / edit-custom-config.component.scss

diff --git a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
index d8bc30d5596fbd1f9745920e2cd0e36b0299cda9..3d570f571c281108adb8b10e77b231d5414f3d83 100644 (file)
--- a/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
+++ b/client/src/app/+admin/config/edit-custom-config/edit-custom-config.component.scss
@@ -22,6 +22,17 @@ input[type=number] {
   display: block;
 }
 
+.number-with-unit {
+  position: relative;
+  width: min-content;
+
+  input[type=number] + span {
+    position: absolute;
+    top: 5px;
+    right: 2.5rem;
+  }
+}
+
 input[type=checkbox] {
   @include peertube-checkbox(1px);
 }
@@ -30,6 +41,14 @@ input[type=checkbox] {
   @include peertube-select-container($form-base-input-width);
 }
 
+ng-select {
+  @include ng-select($form-base-input-width);
+}
+
+my-select-checkbox {
+  @include ng-select($form-base-input-width);
+}
+
 input[type=submit] {
   @include peertube-button;
   @include orange-button;
@@ -64,19 +83,9 @@ textarea {
 }
 
 .disabled-checkbox-extra {
-  opacity: .5;
-  pointer-events: none;
-}
-
-my-markdown-textarea ::ng-deep {
-  .root {
-    @media screen and (max-width: 1400px) {
-      flex-direction: column !important;
-    }
-
-    textarea {
-      max-width: 100%;
-    }
+  &, ::ng-deep label {
+    opacity: .5;
+    pointer-events: none;
   }
 }
 
@@ -88,4 +97,33 @@ ngb-tabset:not(.previews) ::ng-deep {
   .nav-link {
     font-size: 105%;
   }
-}
\ No newline at end of file
+}
+
+.submit-error {
+  margin-bottom: 20px;
+}
+
+.alert-signup {
+  width: fit-content;
+  margin-top: 10px;
+}
+
+.callout-container {
+  position: absolute;
+  display: flex;
+  height: 0;
+  width: 100%;
+  justify-content: right;
+
+  .callout-link {
+    @include peertube-button-link;
+
+    position: relative;
+    right: 3.3em;
+    top: .3em;
+    font-size: 90%;
+    color: pvar(--mainColor);
+    background-color: pvar(--mainBackgroundColor);
+    padding: 0 .3em;
+  }
+}