💄 [#4871] Display DMN config error messages above inputs

Ensure that the error messages for the DMN configuration are placed above the inputs
open-formulieren · Jan 29, 2025 · 4309f99 · 4309f99
1 parent 2fc09c5
commit 4309f99
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/openforms/js/components/admin/form_design/logic/actions/dmn/DMNActionConfig.js b/src/openforms/js/components/admin/form_design/logic/actions/dmn/DMNActionConfig.js
@@ -195,7 +195,7 @@ const DMNActionConfig = ({initialValues, onSave}) => {
         {formik => (
           <Form>
             <fieldset className="aligned">
-              <div className="form-row form-row--no-bottom-line">
+              <div className="form-row form-row--display-block form-row--no-bottom-line">
                 <Field
                   name="pluginId"
                   htmlFor="pluginId"
@@ -233,10 +233,10 @@ const DMNActionConfig = ({initialValues, onSave}) => {
               }
             >
               <fieldset className="aligned">
-                <div className="form-row form-row--no-bottom-line">
+                <div className="form-row form-row--display-block form-row--no-bottom-line">
                   <DecisionDefinitionIdField />
                 </div>
-                <div className="form-row">
+                <div className="form-row form-row--display-block">
                   <DecisionDefinitionVersionField />
                 </div>
               </fieldset>

diff --git a/src/openforms/scss/components/builder/_builder.scss b/src/openforms/scss/components/builder/_builder.scss
@@ -213,4 +213,8 @@ div.flatpickr-calendar.open {
   @include bem.modifier('no-bottom-line') {
     border-bottom: 0;
   }
+
+  @include bem.modifier('display-block') {
+    display: block;
+  }
 }