synapse-react-client 3.0.19 → 3.0.22

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

@@ -18844,19 +18844,25 @@ button:hover .SRC-column-light-theme .SRC-light-column {
   text-align: center;
   flex-grow: 1;
   padding: 5px 0px;
-  transition: border-bottom 300ms ease-in;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
 }
-.ProgrammaticOptions .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.ProgrammaticOptions .Tabs > *[aria-selected=false],
+.ProgrammaticOptions .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.ProgrammaticOptions .Tabs > *:hover,
+.ProgrammaticOptions .Tabs > *[aria-selected=true],
+.ProgrammaticOptions .Tabs > *[aria-current=page] {
+  border-color: #469285;
   color: #22252a;
 }
-.ProgrammaticOptions .Tabs > *[aria-selected=true] svg {
+.ProgrammaticOptions .Tabs > *:hover svg,
+.ProgrammaticOptions .Tabs > *[aria-selected=true] svg,
+.ProgrammaticOptions .Tabs > *[aria-current=page] svg {
   color: #469285;
 }
-.ProgrammaticOptions .Tabs > *[aria-selected=false] {
-  color: #878e95;
-  border-bottom: 3px solid lightgray;
-}
 .ProgrammaticOptions .TabContent {
   padding-top: 20px;
   min-height: 300px;
@@ -22665,19 +22671,25 @@ table.DownloadListTableV2 td {
   text-align: center;
   flex-grow: 1;
   padding: 5px 0px;
-  transition: border-bottom 300ms ease-in;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
+}
+.EntityMetadata .Tabs > *[aria-selected=false],
+.EntityMetadata .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
 }
-.EntityMetadata .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.EntityMetadata .Tabs > *:hover,
+.EntityMetadata .Tabs > *[aria-selected=true],
+.EntityMetadata .Tabs > *[aria-current=page] {
+  border-color: #469285;
   color: #22252a;
 }
-.EntityMetadata .Tabs > *[aria-selected=true] svg {
+.EntityMetadata .Tabs > *:hover svg,
+.EntityMetadata .Tabs > *[aria-selected=true] svg,
+.EntityMetadata .Tabs > *[aria-current=page] svg {
   color: #469285;
 }
-.EntityMetadata .Tabs > *[aria-selected=false] {
-  color: #878e95;
-  border-bottom: 3px solid lightgray;
-}
 .EntityMetadata .placeholder {
   margin: 30px 0px;
   text-align: center;
@@ -22966,7 +22978,7 @@ table.DownloadListTableV2 td {
 }
 .FullWidthAlert[role=alert] .gridContainer {
   display: grid;
-  grid-template-columns: 50px auto 150px 200px;
+  grid-template-columns: 50px auto 120px 170px;
   column-gap: 10px;
   align-items: center;
   justify-items: start;
@@ -23387,19 +23399,25 @@ table.DownloadListTableV2 td {
   text-align: center;
   flex-grow: 1;
   padding: 5px 0px;
-  transition: border-bottom 300ms ease-in;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
 }
-.UserProfileLinks .Tabs > *[aria-selected=true] {
-  border-bottom: 3px solid #469285;
+.UserProfileLinks .Tabs > *[aria-selected=false],
+.UserProfileLinks .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.UserProfileLinks .Tabs > *:hover,
+.UserProfileLinks .Tabs > *[aria-selected=true],
+.UserProfileLinks .Tabs > *[aria-current=page] {
+  border-color: #469285;
   color: #22252a;
 }
-.UserProfileLinks .Tabs > *[aria-selected=true] svg {
+.UserProfileLinks .Tabs > *:hover svg,
+.UserProfileLinks .Tabs > *[aria-selected=true] svg,
+.UserProfileLinks .Tabs > *[aria-current=page] svg {
   color: #469285;
 }
-.UserProfileLinks .Tabs > *[aria-selected=false] {
-  color: #878e95;
-  border-bottom: 3px solid lightgray;
-}
 .UserProfileLinks .Tabs .Tab {
   padding-left: 10px;
 }
@@ -24278,6 +24296,7 @@ input[type=radio] + span {
 }
 .SubmissionPage .SubmissionSummary {
   margin-bottom: 15px;
+  min-width: 320px;
 }
 .SubmissionPage .SubmissionSummary .SubmissionSummaryGrid {
   display: grid;
@@ -24290,9 +24309,6 @@ input[type=radio] + span {
 .SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .Value {
   grid-column: 2;
 }
-.SubmissionPage .SubmissionSummary .SubmissionSummaryGrid > * {
-  white-space: nowrap;
-}
 .SubmissionPage .SubmissionSummary .SubmissionSummaryGrid .DataAccessor {
   margin-top: 5px;
   margin-bottom: 3px;
@@ -24321,6 +24337,71 @@ input[type=radio] + span {
   box-shadow: none;
   border-radius: 2px;
 }
+.ReviewerDashboard .Breadcrumb {
+  display: flex;
+  align-items: center;
+  margin-bottom: 20px;
+}
+.ReviewerDashboard .Tabs {
+  display: flex;
+  justify-content: space-between;
+  justify-content: flex-start;
+  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+}
+.ReviewerDashboard .Tabs > * {
+  cursor: pointer;
+  text-align: center;
+  flex-grow: 1;
+  padding: 5px 0px;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
+}
+.ReviewerDashboard .Tabs > *[aria-selected=false],
+.ReviewerDashboard .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.ReviewerDashboard .Tabs > *:hover,
+.ReviewerDashboard .Tabs > *[aria-selected=true],
+.ReviewerDashboard .Tabs > *[aria-current=page] {
+  border-color: #469285;
+  color: #22252a;
+}
+.ReviewerDashboard .Tabs > *:hover svg,
+.ReviewerDashboard .Tabs > *[aria-selected=true] svg,
+.ReviewerDashboard .Tabs > *[aria-current=page] svg {
+  color: #469285;
+}
+.ReviewerDashboard .Tabs .Tab {
+  color: unset;
+  text-decoration: unset;
+  font-weight: unset;
+  text-decoration: unset;
+  letter-spacing: unset;
+  flex-grow: 0;
+  height: 45px;
+  padding-left: 30px;
+  padding-right: 30px;
+  display: flex;
+  align-items: center;
+}
+.ReviewerDashboard .Tabs .Tab:hover {
+  text-decoration: unset;
+  margin-bottom: unset;
+}
+.ReviewerDashboard .Tabs .Tab.disabled {
+  color: #aeb5bc;
+}
+.ReviewerDashboard .Tabs .Tab.disabled:hover {
+  text-decoration: underline;
+  text-underline-offset: 4px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: #d6d6d6;
+  cursor: default;
+}
+.ReviewerDashboard .TabContentContainer {
+  margin: 20px 30px;
+}
 .AccessApprovalsTable,
 .AccessSubmissionTable,
 .AccessRequirementsTable {
@@ -24356,8 +24437,11 @@ input[type=radio] + span {
   font-style: italic;
   color: #878e95 !important;
 }
+.AccessApprovalsTable .InlineLabel,
 .AccessApprovalsTable .expired,
+.AccessSubmissionTable .InlineLabel,
 .AccessSubmissionTable .expired,
+.AccessRequirementsTable .InlineLabel,
 .AccessRequirementsTable .expired {
   color: #878e95;
 }