.input-error:not(:focus) {
&,
- & + .nav-preview, // Markdown textarea
- & + * + .tab-content {
+ + .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,
- & + * + .form-error, // Markdown textarea
- & + * + * + .form-error {
+// Disable red error on input focus
+.input-error:focus,
+.input-group:focus-within {
+ + .form-error,
+ + * + .form-error, // Markdown textarea
+ + * + * + .form-error {
color: pvar(--mainForegroundColor);
}
}