synapse-react-client 2.1.16 → 2.1.19

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

@@ -16153,7 +16153,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
   position: relative;
   top: 8px;
   left: 6px;
-  color: #878E95;
+  color: #878e95;
 }
 .searchInputWithIcon input {
   padding-left: 32px;
@@ -16165,6 +16165,9 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
   color: #407ba0;
   text-transform: uppercase;
 }
+.SRC-margin-left-5 {
+  margin-left: 5px;
+}
 .SRC-arrow-icon path,
 .Icon-Plus path,
 .Icon-Minus path {
@@ -16234,7 +16237,7 @@ main .bootstrap-4-backport a.ignoreLink:not(.btn):link.disabled:hover,
 svg.HelpButton {
   color: #aeb5bc;
   cursor: pointer;
-  font-size: 1.2em;
+  font-size: 0.8em;
 }
 .modal-dialog-scrollable {
   height: 100%;
@@ -18119,12 +18122,28 @@ img.iconImg.SRC-datasetIcon {
 @media (min-width: 768px) {
   .QueryWrapperPlotNav .SRC-wrapper {
     display: grid;
-    grid-template-columns: 60px 10px 25% 10px 75%;
-    padding-right: 120px;
+    grid-template-columns: 25% 10px 75%;
+    padding-right: 15px;
   }
   .QueryWrapperPlotNav .SRC-wrapper > * {
+    grid-column: 1/span 3;
+  }
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets {
+    padding-right: 120px;
+    grid-template-columns: 60px 10px 25% 10px 75%;
+  }
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
     grid-column: 3/span 3;
   }
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .download-confirmation,
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .TotalQueryResults,
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .FacetNav,
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .FilterAndView,
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .TopLevelControls,
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .QueryWrapperTextInput,
+  .QueryWrapperPlotNav .SRC-wrapper.has-facets .ErrorBannerWrapper {
+    margin-left: 30px;
+  }
   .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
     position: relative;
     left: -23px;
@@ -18156,19 +18175,22 @@ img.iconImg.SRC-datasetIcon {
   .QueryWrapperPlotNav .SRC-wrapper .download-confirmation {
     grid-row: 2/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .SearchV2 {
+  .QueryWrapperPlotNav .SRC-wrapper .QueryWrapperTextInput {
     grid-row: 3/span 1;
     margin-bottom: 10px;
   }
   .QueryWrapperPlotNav .SRC-wrapper .TotalQueryResults {
     grid-row: 4/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
+  .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
     grid-row: 5/span 1;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
+  .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
     grid-row: 6/span 1;
   }
+  .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
+    grid-row: 7/span 1;
+  }
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
     grid-column: 1/span 3;
   }
@@ -18183,7 +18205,8 @@ img.iconImg.SRC-datasetIcon {
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TotalQueryResults,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FilterAndView,
   .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.TopLevelControls,
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.SearchV2 {
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryWrapperTextInput,
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.ErrorBannerWrapper {
     grid-column: 5/span 1;
   }
   .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
@@ -18195,21 +18218,13 @@ img.iconImg.SRC-datasetIcon {
   .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilterToggleButton {
     grid-column: 2/span 1;
   }
-  .QueryWrapperPlotNav .download-confirmation,
-  .QueryWrapperPlotNav .TotalQueryResults,
-  .QueryWrapperPlotNav .FacetNav,
-  .QueryWrapperPlotNav .FilterAndView,
-  .QueryWrapperPlotNav .TopLevelControls,
-  .QueryWrapperPlotNav .SearchV2 {
-    margin-left: 30px;
-  }
 }
 @media (max-width: 768px) {
   .QueryWrapperPlotNav .SRC-wrapper .QueryFilterToggleButton {
     display: none;
   }
 }
-.QueryWrapperPlotNav .SearchV2 {
+.QueryWrapperPlotNav .QueryWrapperTextInput {
   z-index: 600;
 }
 .QueryWrapperPlotNav .TotalQueryResults {
@@ -18277,19 +18292,19 @@ img.iconImg.SRC-datasetIcon {
   box-shadow: none;
   border-radius: 2px;
 }
-.SearchV2__searchbar {
+.QueryWrapperTextInput__searchbar {
   height: 50px;
   background: #f9f9f9;
   border: 1px solid #dddddf;
   display: flex;
   align-items: center;
 }
-.SearchV2__searchbar:focus-within {
+.QueryWrapperTextInput__searchbar:focus-within {
   outline-color: #407ba0;
   outline-style: auto;
   outline-width: 5px;
 }
-.SearchV2__searchbar__searchicon {
+.QueryWrapperTextInput__searchbar__searchicon {
   color: #dcdcdc;
   margin-left: 10px;
   font-size: 17px;
@@ -18297,7 +18312,7 @@ img.iconImg.SRC-datasetIcon {
   flex-grow: 0;
   flex-shrink: 0;
 }
-.SearchV2__searchbar input {
+.QueryWrapperTextInput__searchbar input {
   flex: 1;
   margin-left: 10px;
   width: fit-content;
@@ -18306,21 +18321,21 @@ img.iconImg.SRC-datasetIcon {
   border: none;
   background: #f9f9f9;
 }
-.SearchV2__searchbar input:focus {
+.QueryWrapperTextInput__searchbar input:focus {
   outline-width: 0px;
   outline: none;
 }
-.SearchV2__searchbar__clearbutton {
+.QueryWrapperTextInput__searchbar__clearbutton {
   flex: 1;
   flex-grow: 0;
   flex-shrink: 0;
 }
-.SearchV2__form-container {
+.QueryWrapperTextInput__form-container {
   position: relative;
   width: 100%;
   margin-top: 5px;
 }
-.SearchV2__column-select {
+.QueryWrapperTextInput__column-select {
   background: #ffffff;
   box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
   color: #515359;
@@ -18330,7 +18345,7 @@ img.iconImg.SRC-datasetIcon {
   z-index: 5;
   width: inherit;
 }
-.SearchV2__animate_height {
+.QueryWrapperTextInput__animate_height {
   max-height: 0;
   overflow-y: hidden;
   -webkit-transition: max-height 0.3s ease-in-out;
@@ -18338,29 +18353,29 @@ img.iconImg.SRC-datasetIcon {
   -o-transition: max-height 0.3s ease-in-out;
   transition: max-height 0.3s ease-in-out;
 }
-.SearchV2__animate_dropdown-enter-done {
+.QueryWrapperTextInput__animate_dropdown-enter-done {
   max-height: 300px;
 }
-.SearchV2__animate_dropdown-exit-done {
+.QueryWrapperTextInput__animate_dropdown-exit-done {
   max-height: 0;
 }
-.SearchV2__dropdown_pos {
+.QueryWrapperTextInput__dropdown_pos {
   position: relative;
   width: 100%;
 }
-.SearchV2__column-select.SearchV2__animate_height {
+.QueryWrapperTextInput__column-select.QueryWrapperTextInput__animate_height {
   overflow: scroll;
 }
-.SearchV2__animate_dropdown-exit-active,
-.SearchV2__animate_dropdown-enter-done {
+.QueryWrapperTextInput__animate_dropdown-exit-active,
+.QueryWrapperTextInput__animate_dropdown-enter-done {
   padding-left: 30px;
   padding-top: 15px;
   padding-bottom: 5px;
 }
-.SearchV2__animate_dropdown-exit-done {
+.QueryWrapperTextInput__animate_dropdown-exit-done {
   padding: 0;
 }
-.SearchV2 .radio {
+.QueryWrapperTextInput .radio {
   padding: 4px 0;
 }
 .page-progress button,
@@ -22088,6 +22103,10 @@ table.DownloadListTableV2 td {
   grid-column: 2/span 1;
   max-width: unset;
 }
+.SynapseNavDrawerIsShowing .FullWidthAlert[role=alert].global {
+  left: 56px;
+  width: calc(100vw - 56px);
+}
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus,
 .page-progress button,
@@ -22274,7 +22293,7 @@ table.DownloadListTableV2 td {
   overflow-y: hidden;
 }
 .SynapseNavContentDrawer .synapseLogoNameContainer {
-  padding: 25px 0px 16px 0px;
+  padding: 25px 0px 16px 5px;
 }
 .SynapseNavContentDrawer .searchInputWithIcon {
   padding-top: 30px;
@@ -23479,6 +23498,33 @@ body.reflex-row-resize {
   border-right: 8px solid #e4e4e4;
   border-left: 8px solid #e4e4e4;
 }
+
+/* sass-plugin-0:/home/runner/work/Synapse-React-Client/Synapse-React-Client/src/lib/style/components/query_filter/_facet-filter-header.scss */
+.FacetFilterHeader {
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid #dcdcdc;
+}
+.FacetFilterHeader__label {
+  font-weight: bold;
+}
+.FacetFilterHeader__collapseToggleBtn {
+  margin: 0;
+  padding: 0;
+  line-height: 14px;
+  font-size: 18px;
+  color: #407ba0 !important;
+}
+.FacetFilterHeader__collapseToggleBtn:hover {
+  color: #407ba0 !important;
+  text-decoration: underline;
+}
+.FacetFilterHeader__collapseToggleBtn .icon-plus,
+.FacetFilterHeader__collapseToggleBtn .icon-minus {
+  width: 14px;
+  height: 14px;
+  vertical-align: text-top;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */