fix: static text field styles

collective · Aug 12, 2021 · 6296dcb · 6296dcb
1 parent b5e127d
commit 6296dcb
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/src/components/Field.css b/src/components/Field.css
@@ -19,3 +19,7 @@
 .block.form .ui.form .field .wrapper > label {
   margin-bottom: 0;
 }
+
+.block.form .ui.form .field .static-text {
+  margin: 2rem 0;
+}
diff --git a/src/components/Field.jsx b/src/components/Field.jsx
@@ -189,18 +189,13 @@ const Field = ({
             onChange={onChange}
             value={value}
           />
+        ) : value?.data ? (
+          <div
+            className="static-text"
+            dangerouslySetInnerHTML={{ __html: value.data }}
+          />
         ) : (
-          <div className="static-text">
-            {value ? (
-              redraft(
-                value,
-                config.settings.ToHTMLRenderers,
-                config.settings.ToHTMLOptions,
-              )
-            ) : (
-              <br />
-            )}
-          </div>
+          <br />
         ))}
       {config.blocks.blocksConfig.form.additionalFields?.reduce((acc, val) => {
         if (val.id === field_type)