fix: make literal expression variables table styles explicit

Related to camunda/camunda-modeler#4550
bpmn-io · Oct 18, 2024 · 3f271ec · 3f271ec
1 parent 3c08efa
commit 3f271ec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/dmn-js-literal-expression/assets/css/dmn-js-literal-expression.css b/packages/dmn-js-literal-expression/assets/css/dmn-js-literal-expression.css
@@ -126,15 +126,16 @@
   color: var(--literal-expression-properties-color);
 }
 
-.dmn-literal-expression-container .literal-expression-properties table {
+.dmn-literal-expression-container .literal-expression-properties .variables-table {
   border-spacing: 8px;
+  border-collapse: separate;
 }
 
-.dmn-literal-expression-container .literal-expression-properties table tr td:first-child {
+.dmn-literal-expression-container .literal-expression-properties .variables-table tr td:first-child {
   font-weight: bold;
 }
 
-.dmn-literal-expression-container .literal-expression-properties table tr td:last-child {
+.dmn-literal-expression-container .literal-expression-properties .variables-table tr td:last-child {
   min-width: 100px;
 }
 

diff --git a/...es/literal-expression-properties/components/LiteralExpressionPropertiesEditorComponent.js b/...es/literal-expression-properties/components/LiteralExpressionPropertiesEditorComponent.js
@@ -77,7 +77,7 @@ export default class LiteralExpressionPropertiesComponent extends Component {
 
     return (
       <div className="literal-expression-properties">
-        <table>
+        <table className="variables-table">
           <tr>
             <td>{ this._translate('Variable name:') }</td>
             <td>