fix: fix table style in open forms embed

frameless · Jan 16, 2025 · cc0e667 · cc0e667
1 parent c54697c
commit cc0e667
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 1 deletion.
diff --git a/.changeset/pretty-plants-retire.md b/.changeset/pretty-plants-retire.md
@@ -0,0 +1,5 @@
+---
+"@frameless/pdc-frontend": patch
+---
+
+Los de tabelstijl op de OpenForms-pagina op.
diff --git a/apps/pdc-frontend/package.json b/apps/pdc-frontend/package.json
@@ -57,6 +57,7 @@
     "@types/lodash.mergewith": "4.6.9",
     "@utrecht/focus-ring-css": "1.1.0",
     "@utrecht/form-label-css": "1.1.0",
+    "@utrecht/table-css": "1.4.0",
     "@utrecht/multiline-data-css": "1.1.0",
     "@utrecht/textbox-css": "1.2.0",
     "eslint-config-next": "13.2.4",

diff --git a/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss b/apps/pdc-frontend/src/components/OpenFormsEmbed/OpenFormsEmbed.scss
@@ -1,7 +1,7 @@
 @import "~@utrecht/multiline-data-css/src/mixin";
 @import "~@utrecht/form-label-css/src/mixin";
 @import "~@utrecht/textbox-css/src/mixin";
-
+@import "~@utrecht/table-css/src/html/mixin";
 :root {
   --of-progress-indicator-padding-block-end: 0;
 }
@@ -66,3 +66,7 @@
 .utrecht-form-container--openforms {
   flex: 1 1;
 }
+
+.openforms-body .openforms-body--wysiwyg {
+  @include utrecht-html-table;
+}
diff --git a/yarn.lock b/yarn.lock
@@ -8328,6 +8328,11 @@
   dependencies:
     clsx "2.1.1"
 
+"@utrecht/[email protected]":
+  version "1.4.0"
+  resolved "https://registry.yarnpkg.com/@utrecht/table-css/-/table-css-1.4.0.tgz#fc675468cd887f301af895f72f26cc4d69fd857d"
+  integrity sha512-D2JvmGY9uf2/N/wiq4XbX5/9Gz5iTIsjiJF4huFmP+XRB7zzSwPTWgC/AdQWtIUiYlWQMFvvB6bOMtCIUq9eKA==
+
 "@utrecht/[email protected]":
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/@utrecht/textbox-css/-/textbox-css-1.2.0.tgz#41be4783d178ab227b9bd188253407a688e69226"