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 index 5fafe1b704..9508cb00a3 100644 --- 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 index a91af6cd0a..e9a7e28c22 100644 --- 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 index c6a287d7c0..5561bc6eee 100644 --- 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/packages/sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss b/packages/sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss index 1b7b160cbd..6340654e78 100644 --- a/packages/sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss +++ b/packages/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/packages/sites/ortho-site/webapp/wdkCustomization/js/client/records/GroupRecordClasses.GroupRecordClass.scss b/packages/sites/ortho-site/webapp/wdkCustomization/js/client/records/GroupRecordClasses.GroupRecordClass.scss index 94bcb08dc0..67376ed1e7 100644 --- a/packages/sites/ortho-site/webapp/wdkCustomization/js/client/records/GroupRecordClasses.GroupRecordClass.scss +++ b/packages/sites/ortho-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 {