Add validation examples for interactive inputs

2026-06-11 11:15:19 +02:00
parent 350bffd883
commit 542ed5bb36
2 changed files with 57 additions and 0 deletions
@@ -377,6 +377,30 @@
      max-width: var(--layout-form-input-field-max-width);
    }

+    .sg-input-validation-stack {
+      display: flex;
+      flex: 1 1 auto;
+      flex-direction: column;
+      gap: var(--spacing-small);
+      min-width: 0;
+      max-width: var(--layout-form-input-field-max-width);
+    }
+
+    .sg-input-validation-stack .sg-input-single-line,
+    .sg-input-validation-stack .sg-input-multi-line {
+      width: 100%;
+      min-width: 0;
+      max-width: 100%;
+    }
+
+    .sg-form-validation-text {
+      margin: 0;
+      color: var(--text-vsf-list-card-limit-note);
+      font-family: var(--font-family-base);
+      font-size: var(--font-size-small);
+      line-height: var(--line-height-base);
+    }
+
    .sg-labeled-input-row:has(.sg-input-multi-line) {
      align-items: flex-start;
    }