feat(forms): change rendering of help texts based on UI Kit v5 (#1779)

Orange-OpenSource · Apr 5, 2023 · 7251b6f · 7251b6f
1 parent 970fcaa
commit 7251b6f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/scss/_variables.scss b/scss/_variables.scss
@@ -1050,10 +1050,11 @@ $btn-social-networks: (
 
 // scss-docs-start form-text-variables
 $form-text-margin-top:                  .375rem !default; // Boosted mod
-$form-text-font-size:                   null !default;
+$form-text-font-size:                   $small-font-size !default;
 $form-text-font-style:                  null !default;
-$form-text-font-weight:                 null !default;
-$form-text-color:                       null !default;
+$form-text-font-weight:                 $font-weight-bold !default; // Boosted mod: instead of `null`
+$form-text-line-height:                 $line-height-sm !default; // Boosted mod
+$form-text-color:                       var(--#{$prefix}secondary-color) !default;
 // scss-docs-end form-text-variables
 
 // scss-docs-start form-label-variables

diff --git a/scss/forms/_form-text.scss b/scss/forms/_form-text.scss
@@ -7,5 +7,6 @@
   @include font-size($form-text-font-size);
   font-style: $form-text-font-style;
   font-weight: $form-text-font-weight;
+  line-height: $form-text-line-height; // Boosted mod
   color: $form-text-color;
 }
diff --git a/site/content/docs/5.3/migration.md b/site/content/docs/5.3/migration.md
@@ -414,6 +414,7 @@ Learn more by reading the new [color modes documentation]({{< docsref "/customiz
       <li><code>$form-invalid-color</code></li>
       <li><code>$form-invalid-color-dark</code></li>
       <li><code>$form-range-thumb-hover-bg</code></li>
+      <li><code>$form-text-line-height</code></li>
       <li><code>$form-valid-border-color</code></li>
       <li><code>$form-valid-border-color-dark</code></li>
       <li><code>$form-valid-color</code></li>