.link-orange {
color: pvar(--mainForegroundColor);
- font-weight: $font-bold;
- border-bottom: 0.19em solid pvar(--mainColor);
+ font-weight: $font-semibold;
+ border-bottom: 0.18em solid pvar(--mainColor);
display: inline-block;
- line-height: 1.2;
+ line-height: 1.1;
&:hover {
color: pvar(--mainForegroundColor);
@include peertube-button;
}
+.peertube-button-big {
+ @include peertube-button-big;
+}
+
.peertube-button-link {
@include peertube-button-link;
}
+.peertube-button-big-link {
+ @include peertube-button-big-link;
+}
+
.orange-button {
@include orange-button;
}
}
.input-error:not(:focus) {
- border-color: $red !important;
+ &,
+ + .nav-preview, // Markdown textarea
+ + * + .tab-content {
+ border-color: $red !important;
+ }
+}
+
+.input-group .input-error {
+ z-index: 3;
}
.form-error,
.form-warning {
display: block;
margin-top: 5px;
+ font-size: 0.9em;
}
.form-error {
color: $red;
}
-.input-error:focus + .form-error {
- color: pvar(--mainForegroundColor);
+// Disable red error on input focus
+.input-error:focus,
+.input-group:focus-within {
+ + .form-error,
+ + * + .form-error, // Markdown textarea
+ + * + * + .form-error {
+ color: pvar(--mainForegroundColor);
+ }
}
.form-group-description {