synapse-react-client 2.1.3 → 2.1.7

package/dist/umd/synapse-react-client.development.css

@@ -10621,6 +10621,62 @@ a.bootstrap-4-backport .badge-dark.focus {
   color: #aeb5bc;
   border-color: #dfe2e6;
 }
+.bootstrap-4-backport .btn-tertiary {
+  color: #407ba0;
+  border-color: #407ba0;
+  color: #407ba0;
+  text-decoration: none;
+  font-weight: 700;
+  letter-spacing: 0.5px;
+  border: none;
+  font-weight: 900;
+  white-space: normal;
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  color: #357197;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary:focus,
+.bootstrap-4-backport .btn-tertiary.focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-tertiary.disabled,
+.bootstrap-4-backport .btn-tertiary:disabled {
+  color: #407ba0;
+  background-color: transparent;
+}
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled):active,
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled).active,
+.show > .bootstrap-4-backport .btn-tertiary.dropdown-toggle {
+  color: #212529;
+  background-color: rgba(255, 255, 255, 0);
+  border-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled):active:focus,
+.bootstrap-4-backport .btn-tertiary:not(:disabled):not(.disabled).active:focus,
+.show > .bootstrap-4-backport .btn-tertiary.dropdown-toggle:focus {
+  box-shadow: 0 0 0 0.2rem rgba(64, 123, 160, 0.5);
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
+}
+.bootstrap-4-backport .btn-tertiary.disabled {
+  color: #aeb5bc;
+}
+.bootstrap-4-backport .btn-tertiary.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
+}
+.bootstrap-4-backport .btn-tertiary:hover {
+  box-shadow: none;
+}
 .bootstrap-4-backport .alert > p,
 .bootstrap-4-backport .alert > ul {
   margin-bottom: 0;
@@ -15559,7 +15615,6 @@ main .markdown .secondary-links a:not(.btn),
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
-  border-bottom: 2px solid transparent;
   letter-spacing: 0.5px;
 }
 main a:not(.btn):hover,
@@ -15574,8 +15629,10 @@ main .markdown .secondary-links a:not(.btn):hover,
 #rootPanel .markdown a.SRC-userCard:not(.btn):hover,
 #rootPanel .secondary-links a:not(.btn):hover,
 #rootPanel .markdown .secondary-links a:not(.btn):hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: 0px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main a:not(.btn).disabled,
 main .bootstrap-4-backport a:not(.btn).disabled,
@@ -15603,7 +15660,10 @@ main .markdown .secondary-links a:not(.btn).disabled:hover,
 #rootPanel .markdown a.SRC-userCard:not(.btn).disabled:hover,
 #rootPanel .secondary-links a:not(.btn).disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main a:not(.btn):visited,
@@ -15645,7 +15705,6 @@ main .markdown .secondary-links a:not(.btn):link,
   color: #407ba0;
   text-decoration: none;
   font-weight: 700;
-  border-bottom: 2px solid transparent;
   letter-spacing: 0.5px;
 }
 main a:not(.btn):visited:hover,
@@ -15684,8 +15743,10 @@ main .markdown .secondary-links a:not(.btn):link:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):visited:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):active:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):link:hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: 0px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main a:not(.btn):visited.disabled,
 main a:not(.btn):active.disabled,
@@ -15761,7 +15822,10 @@ main .markdown .secondary-links a:not(.btn):link.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):visited.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):active.disabled:hover,
 #rootPanel .markdown .secondary-links a:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .markdown a:not(.btn),
@@ -15773,10 +15837,12 @@ main details > summary:not(.btn),
 #rootPanel a.highlight-link:not(.btn),
 #rootPanel details > summary:not(.btn) {
   color: #407ba0;
-  text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
 }
 main .markdown a:not(.btn):hover,
 main .SRC-userCardName a:not(.btn):hover,
@@ -15786,8 +15852,10 @@ main details > summary:not(.btn):hover,
 #rootPanel .SRC-userCardName a:not(.btn):hover,
 #rootPanel a.highlight-link:not(.btn):hover,
 #rootPanel details > summary:not(.btn):hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: -1px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main .markdown a:not(.btn).disabled,
 main .SRC-userCardName a:not(.btn).disabled,
@@ -15807,7 +15875,10 @@ main details > summary:not(.btn).disabled:hover,
 #rootPanel .SRC-userCardName a:not(.btn).disabled:hover,
 #rootPanel a.highlight-link:not(.btn).disabled:hover,
 #rootPanel details > summary:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .markdown a:not(.btn):visited,
@@ -15835,10 +15906,12 @@ main details > summary:not(.btn):link,
 #rootPanel details > summary:not(.btn):active,
 #rootPanel details > summary:not(.btn):link {
   color: #407ba0;
-  text-decoration: none;
   font-weight: 700;
   letter-spacing: 0.5px;
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
 }
 main .markdown a:not(.btn):visited:hover,
 main .markdown a:not(.btn):active:hover,
@@ -15864,8 +15937,10 @@ main details > summary:not(.btn):link:hover,
 #rootPanel details > summary:not(.btn):visited:hover,
 #rootPanel details > summary:not(.btn):active:hover,
 #rootPanel details > summary:not(.btn):link:hover {
-  border-bottom: 2px solid #2a678d;
-  margin-bottom: -1px;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 2px;
+  text-decoration-color: #2a678d;
 }
 main .markdown a:not(.btn):visited.disabled,
 main .markdown a:not(.btn):active.disabled,
@@ -15917,7 +15992,10 @@ main details > summary:not(.btn):link.disabled:hover,
 #rootPanel details > summary:not(.btn):visited.disabled:hover,
 #rootPanel details > summary:not(.btn):active.disabled:hover,
 #rootPanel details > summary:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main .dropdown a:not(.btn),
@@ -15931,7 +16009,7 @@ main .MuiDrawer-root a:not(.btn),
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main .dropdown a:not(.btn):hover,
@@ -15942,7 +16020,7 @@ main .MuiDrawer-root a:not(.btn):hover,
 #rootPanel .nav-tabs a:not(.btn):hover,
 #rootPanel .dropdown-menu a:not(.btn):hover,
 #rootPanel .MuiDrawer-root a:not(.btn):hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main .dropdown a:not(.btn).disabled,
@@ -15963,7 +16041,10 @@ main .MuiDrawer-root a:not(.btn).disabled:hover,
 #rootPanel .nav-tabs a:not(.btn).disabled:hover,
 #rootPanel .dropdown-menu a:not(.btn).disabled:hover,
 #rootPanel .MuiDrawer-root a:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main * a.ignoreLink:not(.btn),
@@ -15973,14 +16054,14 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn),
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main * a.ignoreLink:not(.btn):hover,
 main .bootstrap-4-backport a.ignoreLink:not(.btn):hover,
 #rootPanel * a.ignoreLink:not(.btn):hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main * a.ignoreLink:not(.btn).disabled,
@@ -15993,7 +16074,10 @@ main * a.ignoreLink:not(.btn).disabled:hover,
 main .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover,
 #rootPanel * a.ignoreLink:not(.btn).disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn).disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 main * a.ignoreLink:not(.btn):visited,
@@ -16011,7 +16095,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link,
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 main * a.ignoreLink:not(.btn):visited:hover,
@@ -16026,7 +16110,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link:hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 main * a.ignoreLink:not(.btn):visited.disabled,
@@ -16055,7 +16139,10 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):visited.disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):active.disabled:hover,
 #rootPanel .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 .searchInputWithIcon span {
@@ -16396,6 +16483,7 @@ svg.HelpButton {
   padding-top: 21px;
   margin-bottom: 21px;
   max-width: 850px;
+  overflow-x: hidden;
 }
 .SRC-portalCard .SRC-cardContent.SRC-dataset {
   width: 80%;
@@ -21471,7 +21559,7 @@ table.DownloadListTableV2 tbody tr:nth-of-type(even) > .stickyColumn {
   background-color: white;
 }
 table.DownloadListTableV2 tbody tr:nth-of-type(odd) > .stickyColumn {
-  background-color: #FBFBFC;
+  background-color: #fbfbfc;
 }
 table.DownloadListTableV2 tbody .stickyColumn .actionsContainer {
   color: #878e95;
@@ -22161,18 +22249,21 @@ table.DownloadListTableV2 td {
   color: unset;
   text-decoration: unset;
   font-weight: unset;
-  border-bottom: unset;
+  text-decoration: unset;
   letter-spacing: unset;
 }
 .SynapseNavContentDrawer .createProjectLink:hover {
-  border-bottom: unset;
+  text-decoration: unset;
   margin-bottom: unset;
 }
 .SynapseNavContentDrawer .createProjectLink.disabled {
   color: #aeb5bc;
 }
 .SynapseNavContentDrawer .createProjectLink.disabled:hover {
-  border-bottom: 1px solid #d6d6d6;
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
   cursor: default;
 }
 .terms-conditions .view-terms a,