Add css style for table inside an Trumbowyg editor (OrchardCMS#14857)

urbanit · Mar 18, 2024 · fd4e7b7 · fd4e7b7
1 parent ba41bac
commit fd4e7b7
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git a/src/OrchardCore.Themes/TheAdmin/Assets/scss/components/_trumbowyg.scss b/src/OrchardCore.Themes/TheAdmin/Assets/scss/components/_trumbowyg.scss
@@ -62,3 +62,10 @@
     color: var(--bs-body-color);
     fill: var(--bs-body-color);
 }
+
+[dir] .trumbowyg-box .trumbowyg-editor th, [dir] .trumbowyg-box .trumbowyg-editor td {
+    border-width: var(--bs-border-width, 1px);
+    border-style: var(--bs-border-style, solid);
+    border-color: var(--bs-border-color, #dee2e6);
+    padding: 0.5rem;
+}
diff --git a/src/OrchardCore.Themes/TheAdmin/wwwroot/css/TheAdmin.css b/src/OrchardCore.Themes/TheAdmin/wwwroot/css/TheAdmin.css
@@ -8649,6 +8649,13 @@ ul.ui-sortable:not(:has(> li)) {
   fill: var(--bs-body-color);
 }
 
+[dir] .trumbowyg-box .trumbowyg-editor th, [dir] .trumbowyg-box .trumbowyg-editor td {
+  border-width: var(--bs-border-width, 1px);
+  border-style: var(--bs-border-style, solid);
+  border-color: var(--bs-border-color, #dee2e6);
+  padding: 0.5rem;
+}
+
 span.field-validation-error {
   width: 100%;
 }

diff --git a/src/OrchardCore.Themes/TheAdmin/wwwroot/css/TheAdmin.min.css b/src/OrchardCore.Themes/TheAdmin/wwwroot/css/TheAdmin.min.css