modifications needed for mesa table updates

VEuPathDB · Dec 9, 2024 · 4465cd2 · 4465cd2
1 parent f7d40a9
commit 4465cd2
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 49 deletions.
diff --git a/packages/libs/wdk-client/src/Views/Question/Params/FilterParamNew/FilterParam.css b/packages/libs/wdk-client/src/Views/Question/Params/FilterParamNew/FilterParam.css
@@ -273,15 +273,12 @@
   top: 0;
   right: 1em;
 }
-.filter-param .membership-filter .HeadingRow:first-child {
+.filter-param .membership-filter .HeadingRow:first-child > th {
   border-top: 1px solid #ccc;
 }
-.filter-param .membership-filter .HeadingRow:last-child {
+.filter-param .membership-filter .HeadingRow:last-child > th {
   border-bottom: 1px solid #ccc;
 }
-.filter-param .membership-filter .DataTable table {
-  border-collapse: collapse;
-}
 .filter-param .membership-filter .DataRow,
 .filter-param .membership-filter .HeadingRow {
   background: white;

diff --git a/packages/libs/wdk-client/src/Views/Records/RecordTable/RecordTable.css b/packages/libs/wdk-client/src/Views/Records/RecordTable/RecordTable.css
@@ -17,16 +17,16 @@
   width: 300px;
 }
 
-.wdk-RecordTable > .Mesa.MesaComponent > .MesaComponent > .DataTable > table {
-  width: auto;
-}
-
-.MesaComponent > .DataTable {
+.wdk-RecordTable > .Mesa.MesaComponent > .MesaComponent > .DataTable {
   position: relative;
   max-width: 100%;
   overflow-x: auto;
 }
 
+.wdk-RecordTable > .Mesa.MesaComponent > .MesaComponent > .DataTable > table {
+  width: auto;
+}
+
 .wdk-RecordTable__Orthologs
   > .Mesa.MesaComponent
   > .Toolbar

diff --git a/packages/libs/web-common/src/styles/client.scss b/packages/libs/web-common/src/styles/client.scss
@@ -2,8 +2,6 @@
 @import './AllSites.scss';
 @import './question-wizard.css';
 
-$expand-child-row-toggle-width: 3em;
-
 dialog {
   border: none;
   border-radius: 0.25em;
@@ -111,42 +109,6 @@ h4 {
   font-size: 1.4em;
 }
 
-.wdk-DataTableCellExpand > svg {
-  fill: #777;
-}
-
-tr._childIsExpanded
-  > .wdk-DataTableCell__childRowToggle
-  > .wdk-DataTableCellExpand
-  > svg {
-  fill: black;
-}
-
-.wdk-DataTableCellExpand:hover > svg {
-  fill: black;
-}
-
-.wdk-DataTableCellExpand {
-  width: $expand-child-row-toggle-width;
-  padding: 0;
-  border: none;
-  line-height: 2;
-  background: transparent !important;
-}
-
-.wdk-DataTableCell.wdk-DataTableCell__childRowToggle {
-  width: $expand-child-row-toggle-width;
-}
-
-th > .wdk-DataTableCellExpand {
-  display: flex;
-  justify-content: center;
-}
-
-td.wdk-DataTable.wdk-DataTableCell__childRowToggle {
-  vertical-align: middle;
-}
-
 td.wdk-DataTableCell__thumbnail {
   vertical-align: middle;
   height: 50px;

diff --git a/...sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss b/...sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss
@@ -47,7 +47,7 @@
       .membership-filter {
         margin-top: 1.5em;
       }
-      .DataTable-Body {
+      .DataTable--Sticky {
         height: 14em;
       }
       .field-list > * {

diff --git a/...o-site/webapp/wdkCustomization/js/client/records/GroupRecordClasses.GroupRecordClass.scss b/...o-site/webapp/wdkCustomization/js/client/records/GroupRecordClasses.GroupRecordClass.scss
@@ -35,6 +35,11 @@
         max-width: unset;
         width: unset;
         overflow-x: unset;
+        width: 100%;
+
+        table {
+          width: 100%;
+        }
 
         // Set background-color of selected rows
         tr:has(> td.SelectionCell > div > input:checked) > td {