synapse-react-client 2.0.62 → 2.1.3

package/dist/style/components/_dataset-editor.scss

@@ -72,4 +72,4 @@ $table-font-size: 14px;
 $header-background-color: map.get(SRC.$colors, 'gray-200');
 $row-hovered-background-color: unset;
 $table-padding-left: 5px;
-@import 'node_modules/@sage-bionetworks/react-base-table/es/BaseTable';
+@import '@sage-bionetworks/react-base-table/es/BaseTable';

package/dist/style/components/_download-cart-page.scss

@@ -75,14 +75,11 @@
   }
   .subSectionContainer {
     display:flex;
-    padding-bottom: 10px;
-    .subSectionTitle {
-      font-size: 18px;
-      font-weight: bold;
-      padding-right: 20px;
+    .actionsRequiredTitle {
+      padding-top: 30px;
     }
   }
-  .subSectionOverview {
+  .subSectionOverviewContainer {
     padding: 30px 0px;
     background-color: SRC.$background-color-gray;
   }
@@ -92,6 +89,12 @@
       display: flex;
       column-gap: 10px;
       >* {
+        &:first-child {
+          padding-left: 0px;
+        }
+        &:last-child {
+          padding-right: 0px;
+        }
         padding: 0px 50px;
       }
       >*:first-child {

package/dist/style/components/_download-list-v2.scss

@@ -31,9 +31,9 @@ table.DownloadListTableV2 {
       }
     }
   }
-  tbody tr > td:first-child { // file name column
+  tbody tr > td:nth-child(2) { // file name column
     overflow-x: hidden;
-    max-width: 310px;
+    max-width: 570px;
     text-overflow: ellipsis;
   }
 
@@ -44,19 +44,19 @@ table.DownloadListTableV2 {
   tbody .stickyColumn .actionsContainer {
     color: map.get(SRC.$colors, 'gray-700'); // make all icons gray-700
     display: grid;
-    grid-template-columns: repeat(2, 45px); // TODO: change to 3 once we have the programmatic access item
+    grid-template-columns: repeat(3, 40px);
     * {
       justify-self: center;
     }
     .downloadItem {
       grid-column: 1 / span 1;
     }
-    .removeItem {
+    .programmaticAccessItem {
       grid-column: 2 / span 1;
     }
-    // .programmaticAccessItem {
-    //   grid-column: 3 / span 1;
-    // }
+    .removeItem {
+      grid-column: 3 / span 1;
+    }
   }
 
   @include SRCMixins.sortable-table();

package/dist/style/components/_fluid-modal.scss

@@ -28,11 +28,6 @@
         overflow-y: auto;
       }
       .modal-footer {
-        min-height: 45px;
-        max-height: 60px;
-        height: 6vh;
-        margin-bottom: 15px;
-
         .btn {
           margin-bottom: 0;
         }

package/dist/style/components/_markdown.scss

@@ -1,7 +1,6 @@
 .markdowntable {
   border: 1px solid #dddddd;
   border-collapse: separate;
-  *border-collapse: collapsed;
   border-left: 0;
   margin: 10px 0 10px 0;
 }

package/dist/style/components/entity_finder/_details-view.scss

@@ -6,7 +6,7 @@ $table-prefix: DetailsViewTable;
 $table-font-size: 14px;
 $header-background-color: white;
 $row-hovered-background-color: unset;
-@import 'node_modules/@sage-bionetworks/react-base-table/es/BaseTable';
+@import '@sage-bionetworks/react-base-table/es/BaseTable';
 
 .DetailsViewReflexElement {
   .EntityFinderDetailsView {

package/dist/style/components/synapse_form_wrapper/_synapse-form-wrapper.scss

@@ -464,8 +464,8 @@
     .summary-table-header {
       width: 100%;
 
-      th:first-child(),
-      td:first-child() {
+      th:first-child,
+      td:first-child {
         width: 30%;
       }
       th:nth-child(2),

package/dist/style/main.css

@@ -10009,10 +10009,6 @@ html#synapse\.org .bootstrap-4-backport .modal-header button.close {
   padding-top: 5px;
   padding-bottom: 0px;
 }
-html#synapse\.org .bootstrap-4-backport .modal-footer > * {
-  margin-left: 0px;
-  margin-right: 0px;
-}
 
 .bootstrap-4-backport .dropdown-no-caret::after, .bootstrap-4-backport .dropdown-no-caret::before {
   display: none;
@@ -15803,11 +15799,10 @@ main * a.ignoreLink:not(.btn):visited.disabled:hover, main * a.ignoreLink:not(.b
   fill: #407ba0;
 }
 
-.HelpButton {
-  color: #ababac;
-  margin: 5px;
-  height: 18px;
-  width: 18px;
+svg.HelpButton {
+  color: #aeb5bc;
+  cursor: pointer;
+  font-size: 1.2em;
 }
 
 .modal-dialog-scrollable {
@@ -16834,10 +16829,10 @@ img.iconImg.SRC-datasetIcon {
 .SRC-ReactJsonForm .summary .summary-table-header {
   width: 100%;
 }
-.SRC-ReactJsonForm .summary .summary-table th:first-child(),
-.SRC-ReactJsonForm .summary .summary-table td:first-child(),
-.SRC-ReactJsonForm .summary .summary-table-header th:first-child(),
-.SRC-ReactJsonForm .summary .summary-table-header td:first-child() {
+.SRC-ReactJsonForm .summary .summary-table th:first-child,
+.SRC-ReactJsonForm .summary .summary-table td:first-child,
+.SRC-ReactJsonForm .summary .summary-table-header th:first-child,
+.SRC-ReactJsonForm .summary .summary-table-header td:first-child {
   width: 30%;
 }
 .SRC-ReactJsonForm .summary .summary-table th:nth-child(2),
@@ -16990,7 +16985,6 @@ img.iconImg.SRC-datasetIcon {
 .markdowntable {
   border: 1px solid #dddddd;
   border-collapse: separate;
-  *border-collapse: collapsed;
   border-left: 0;
   margin: 10px 0 10px 0;
 }
@@ -21318,9 +21312,9 @@ table.DownloadListTableV2 thead:first-child > tr:first-child > th:first-child {
 table.DownloadListTableV2 thead:first-child > tr:first-child > th:nth-child(2) {
   border-left: none;
 }
-table.DownloadListTableV2 tbody tr > td:first-child {
+table.DownloadListTableV2 tbody tr > td:nth-child(2) {
   overflow-x: hidden;
-  max-width: 310px;
+  max-width: 570px;
   text-overflow: ellipsis;
 }
 table.DownloadListTableV2 .stickyColumn {
@@ -21343,7 +21337,7 @@ table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
   color: #878e95;
   display: grid;
-  grid-template-columns: repeat(2, 45px);
+  grid-template-columns: repeat(3, 40px);
 }
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
   justify-self: center;
@@ -21351,9 +21345,12 @@ table.DownloadListTableV2 tbody .stickyColumn .actionsContainer * {
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .downloadItem {
   grid-column: 1/span 1;
 }
-table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .removeItem {
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .programmaticAccessItem {
   grid-column: 2/span 1;
 }
+table.DownloadListTableV2 tbody .stickyColumn .actionsContainer .removeItem {
+  grid-column: 3/span 1;
+}
 table.DownloadListTableV2 thead > tr > th,
 table.DownloadListTableV2 thead:first-child > tr:first-child > th {
   padding: 10px 6px 5px 7px;
@@ -21611,14 +21608,11 @@ table.DownloadListTableV2 td {
 }
 .DownloadCartPage .subSectionContainer {
   display: flex;
-  padding-bottom: 10px;
 }
-.DownloadCartPage .subSectionContainer .subSectionTitle {
-  font-size: 18px;
-  font-weight: bold;
-  padding-right: 20px;
+.DownloadCartPage .subSectionContainer .actionsRequiredTitle {
+  padding-top: 30px;
 }
-.DownloadCartPage .subSectionOverview {
+.DownloadCartPage .subSectionOverviewContainer {
   padding: 30px 0px;
   background-color: #f9f9f9;
 }
@@ -21629,6 +21623,12 @@ table.DownloadListTableV2 td {
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > * {
   padding: 0px 50px;
 }
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
+  padding-left: 0px;
+}
+.DownloadCartPage .DownloadListTabContent .subSectionOverview > *:last-child {
+  padding-right: 0px;
+}
 .DownloadCartPage .DownloadListTabContent .subSectionOverview > *:first-child {
   border-right: 1px solid #D0D4D9;
 }
@@ -22704,12 +22704,6 @@ table.DownloadListTableV2 td {
     max-height: 65vh;
   }
 }
-.FluidModal .modal-dialog .modal-content .modal-footer {
-  min-height: 45px;
-  max-height: 60px;
-  height: 6vh;
-  margin-bottom: 15px;
-}
 .FluidModal .modal-dialog .modal-content .modal-footer .btn {
   margin-bottom: 0;
 }

package/dist/style/main.scss

@@ -13,7 +13,7 @@
 
 // 2. Vendors
 @use 'vendors/normalize';
-@use 'node_modules/animate.css/animate.css';
+@use 'animate.css/animate.css';
 
 // 3. Base stuff
 @use 'base/base';