#193: Fixed style issue with additional properties panel

Spyderisk · Jul 19, 2024 · 94a336b · 94a336b
1 parent 9e93a63
commit 94a336b
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 1 deletion.
diff --git a/...ebapp/app/modeller/components/panes/details/accordion/panels/AdditionalPropertiesPanel.js b/...ebapp/app/modeller/components/panes/details/accordion/panels/AdditionalPropertiesPanel.js
@@ -337,7 +337,7 @@ class AdditionalPropertiesPanel extends React.Component {
 
         if (this.state.tableData.length > 0){
             return (
-                <table className="table table-hover table-sm table-condensed">
+                <table className="table table-hover table-sm table-condensed additionalProperties">
                     <thead className="thead-light">
                     <tr>
                         <th>Key</th>

diff --git a/src/main/webapp/app/modeller/index.scss b/src/main/webapp/app/modeller/index.scss
@@ -2120,3 +2120,20 @@ div.panel-title {
 .recommendations .bare-list {
     font-size: 14px;
 }
+
+table.additionalProperties {
+    table-layout: fixed;
+}
+
+table.additionalProperties td:nth-child(1),
+table.additionalProperties td:nth-child(2) {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+table.additionalProperties th:nth-child(3),
+table.additionalProperties th:nth-child(4) {
+    width: 20px;
+}
+