Put video quota info in its own component

[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 5951d0aaa575ea9a5c3c9af5f1025e055ea867c1..764e626ec3b51e403bd3e60beb1618c1ba2f67bd 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
@@ -3,21 +3,25 @@
 
 $form-base-input-width: 340px;
 
-label {
-  font-weight: $font-regular;
-  font-size: 100%;
-}
-
 form {
   padding-bottom: 1.5rem;
 }
 
-input[type=text] {
-  @include peertube-input-text($form-base-input-width);
+my-markdown-textarea {
+  display: block;
+  max-width: 500px;
+}
 
+.homepage my-markdown-textarea {
   display: block;
+  max-width: 90%;
+
+  ::ng-deep textarea {
+    height: 300px !important;
+  }
 }
 
+input[type=text],
 input[type=number] {
   @include peertube-input-text($form-base-input-width);
 
@@ -26,12 +30,21 @@ input[type=number] {
 
 .number-with-unit {
   position: relative;
-  width: min-content;
+  width: fit-content;
 
   input[type=number] + span {
     position: absolute;
-    top: 5px;
+    top: 0.2em;
     right: 2.5rem;
+
+    @media screen and (max-width: $mobile-view) {
+      display: none;
+    }
+  }
+
+  input[disabled] {
+    background-color: #f9f9f9;
+    pointer-events: none;
   }
 }
 
@@ -69,6 +82,11 @@ input[type=submit] {
   @include settings-big-title;
 }
 
+.inner-form-description {
+  font-size: 15px;
+  margin-bottom: 15px;
+}
+
 textarea {
   @include peertube-textarea(500px, 150px);
 
@@ -83,6 +101,7 @@ textarea {
 .label-small-info {
   font-style: italic;
   margin-bottom: 10px;
+  font-size: 14px;
 }
 
 .disabled-checkbox-extra {
@@ -93,8 +112,8 @@ textarea {
   }
 }
 
-.form-group-right {
-  padding-top: 2px;
+input[disabled] {
+  opacity: 0.5;
 }
 
 ngb-tabset:not(.previews) ::ng-deep {
@@ -131,3 +150,9 @@ ngb-tabset:not(.previews) ::ng-deep {
     padding: 0 .3em;
   }
 }
+
+my-user-real-quota-info {
+  display: block;
+  margin-top: 5px;
+  font-size: 11px;
+}