-@import '_variables';
-@import '_mixins';
+@use '_variables' as *;
+@use '_mixins' as *;
$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);
input[type=number] + span {
position: absolute;
- top: 5px;
+ top: 0.2em;
right: 2.5rem;
}
+
+ input[disabled] {
+ background-color: #f9f9f9;
+ pointer-events: none;
+ }
}
input[type=checkbox] {
input[type=submit] {
@include peertube-button;
@include orange-button;
+ @include margin-left(auto);
display: flex;
- margin-left: auto;
+ .form-error {
+ @include margin-left(5px);
+
display: inline;
- margin-left: 5px;
}
}
@include settings-big-title;
}
+.inner-form-description {
+ font-size: 15px;
+}
+
textarea {
@include peertube-textarea(500px, 150px);
.label-small-info {
font-style: italic;
margin-bottom: 10px;
+ font-size: 14px;
}
.disabled-checkbox-extra {
}
}
-.form-group-right {
- padding-top: 2px;
+input[disabled] {
+ opacity: 0.5;
}
ngb-tabset:not(.previews) ::ng-deep {