synapse-react-client 2.1.15 → 2.1.18

package/dist/style/base/_core.scss

@@ -1233,39 +1233,52 @@ hr ~ .SRC-wrapper {
 // Other links should have the normal secondary link style.
 // You can force normal link style by adding the "secondary-links" css class a container of your anchor.
 // Or force the highlighted primary link by adding "highlight-link" css class name to an anchor.
-main, #rootPanel {
-  a:not(.btn), .bootstrap-4-backport a:not(.btn), 
+main,
+#rootPanel {
+  a:not(.btn),
+  .bootstrap-4-backport a:not(.btn),
   .markdown td a:not(.btn),
   .markdown a.SRC-userCard:not(.btn),
   .secondary-links a:not(.btn),
-  .markdown .secondary-links a:not(.btn)
-   {
+  .markdown .secondary-links a:not(.btn) {
     @include SRC_Mixins.normalLink;
-    &:visited, &:active, &:link {
+    &:visited,
+    &:active,
+    &:link {
       @include SRC_Mixins.normalLink;
     }
   }
 
-  .markdown a, .SRC-userCardName a, a.highlight-link,
-  details>summary {
+  .markdown a,
+  .SRC-userCardName a,
+  a.highlight-link,
+  details > summary {
     &:not(.btn) {
       @include SRC_Mixins.highlightLink;
-      &:visited, &:active, &:link {
+      &:visited,
+      &:active,
+      &:link {
         @include SRC_Mixins.highlightLink;
       }
     }
   }
 
   // do not apply special styling to dropdown links or anchors in tabs
-  .dropdown, .nav-tabs, .dropdown-menu, .MuiDrawer-root {
+  .dropdown,
+  .nav-tabs,
+  .dropdown-menu,
+  .MuiDrawer-root {
     a:not(.btn) {
       @include SRC_Mixins.ignoreLink;
     }
   }
-   *, .bootstrap-4-backport {
+  *,
+  .bootstrap-4-backport {
     a.ignoreLink:not(.btn) {
       @include SRC_Mixins.ignoreLink;
-      &:visited, &:active, &:link {
+      &:visited,
+      &:active,
+      &:link {
         @include SRC_Mixins.ignoreLink;
       }
     }
@@ -1281,7 +1294,7 @@ main, #rootPanel {
     position: relative;
     top: 8px;
     left: 6px;
-    color: #878E95;
+    color: #878e95;
   }
   input {
     padding-left: 32px;
@@ -1294,4 +1307,8 @@ main, #rootPanel {
   padding: 5px 10px;
   color: SRC.$primary-action-color;
   text-transform: uppercase;
-}
+}
+
+.SRC-margin-left-5 {
+  margin-left: 5px;
+}

package/dist/style/base/_icons.scss

@@ -82,7 +82,8 @@
   }
 }
 
-.SRC-Sort-Icon-Inactive, .Content-Copy-Icon {
+.SRC-Sort-Icon-Inactive,
+.Content-Copy-Icon {
   padding: 2px;
 
   path {
@@ -93,5 +94,5 @@
 svg.HelpButton {
   color: map.get(SRC.$colors, 'gray-600');
   cursor: pointer;
-  font-size: 1.2em;
+  font-size: 0.8em;
 }

package/dist/style/components/_all.scss

@@ -3,7 +3,7 @@
   './synapse_form_wrapper/synapse-form-wrapper', './query-filter',
   './range-slider', './markdown', './access-requirement-list', './themes-plot',
   './download-link', './total-query-results', './facet_nav/all',
-  './query-wrapper-plot-nav', './searchv2', './element-with-tooltip',
+  './query-wrapper-plot-nav', './query-wrapper-text-input', './element-with-tooltip',
   './_column-selection.scss', './programmatic-options',
   './query_filter/enum-facet-filter', './error', './goals', './feed-cards',
   './upset-plot', './resources', 'cards-rotate', './expandable_content',

package/dist/style/components/_cards.scss

@@ -58,6 +58,9 @@ $text-color-lighter: #898989;
     .SRC-type,
     .SRC-cardThumbnail {
       color: inherit;
+      img, svg {
+        margin-left: 0px;
+      }
     }
     a,
     .SRC-userCard {
@@ -213,7 +216,8 @@ $text-color-lighter: #898989;
 
   .SRC-cardMetadata {
     display: block;
-    padding: $baseline-grid;
+    padding-top: $baseline-grid;
+    padding-bottom: $baseline-grid;
     >* {
       margin-left: 15px;
     }

package/dist/style/components/_global-alert.scss

@@ -24,7 +24,6 @@
       min-width: 50px;
     }
     .messageArea {
-      max-width: 700px;
       grid-row: 1 / span 1;
       p {
         margin-bottom: 0px;
@@ -93,3 +92,8 @@
     }
   }
 }
+
+.SynapseNavDrawerIsShowing .FullWidthAlert[role='alert'].global {
+  left: 56px;
+  width: calc(100vw - 56px);
+}

package/dist/style/components/_query-wrapper-plot-nav.scss

@@ -4,14 +4,31 @@
   @media (min-width: map-get(SRC.$breakpoints, 'medium')) {
     .SRC-wrapper {
       display: grid;
-      grid-template-columns: 60px 10px 25% 10px 75%;
-      padding-right: 120px;
-
+      grid-template-columns: 25% 10px 75%;
+      padding-right: 15px;
+      
       // by default, children take up the full row
       > * {
-        grid-column: 3 / span 3;
+        grid-column: 1 / span 3;
       }
-
+      &.has-facets{
+        padding-right: 120px;
+        grid-template-columns: 60px 10px 25% 10px 75%;
+        > * {
+          grid-column: 3 / span 3;
+        }
+        .download-confirmation,
+        .TotalQueryResults,
+        .FacetNav,
+        .FilterAndView,
+        .TopLevelControls,
+        .QueryWrapperTextInput,
+        .ErrorBannerWrapper {
+            margin-left: 30px;
+        }
+      }
+    }
+    .SRC-wrapper {
       .QueryFilterToggleButton {
         position: relative;
         left: -23px;
@@ -44,20 +61,22 @@
       .download-confirmation {
         grid-row: 2 / span 1;
       }
-      .SearchV2 {
+      .QueryWrapperTextInput {
         grid-row: 3 / span 1;
         margin-bottom: 10px;
       }
       .TotalQueryResults {
         grid-row: 4 / span 1;
       }
-
-      .FacetNav {
+      .ErrorBannerWrapper {
         grid-row: 5 / span 1;
       }
-      .FilterAndView {
+      .FacetNav {
         grid-row: 6 / span 1;
       }
+      .FilterAndView {
+        grid-row: 7 / span 1;
+      }
 
       // column (depends on if we are showing facet filters)
       .isShowingFacetFilters {
@@ -75,7 +94,8 @@
         &.TotalQueryResults,
         &.FilterAndView,
         &.TopLevelControls,
-        &.SearchV2 {
+        &.QueryWrapperTextInput,
+        &.ErrorBannerWrapper {
           grid-column: 5 / span 1;
         }
       }
@@ -91,14 +111,6 @@
         }
       }
     }
-    .download-confirmation,
-    .TotalQueryResults,
-    .FacetNav,
-    .FilterAndView,
-    .TopLevelControls,
-    .SearchV2 {
-      margin-left: 30px;
-    }
   }
 
   @media (max-width: map-get(SRC.$breakpoints, 'medium')) {
@@ -109,7 +121,7 @@
     }
   }
 
-  .SearchV2 {
+  .QueryWrapperTextInput {
     // PORTALS-1856: z-index greater than the Show All Graphs button (500)
     z-index: 600;
   }

package/dist/style/components/{_searchv2.scss → _query-wrapper-text-input.scss}

@@ -1,6 +1,6 @@
 @use '../abstracts/variables' as SRC;
 
-.SearchV2 {
+.QueryWrapperTextInput {
   &__searchbar {
     height: 50px;
     background: #f9f9f9;
@@ -78,7 +78,7 @@
     width: 100%;
   }
 
-  &__column-select.SearchV2__animate_height {
+  &__column-select.QueryWrapperTextInput__animate_height {
     overflow: scroll;
   }
 

package/dist/style/components/_synapse-nav-drawer.scss

@@ -38,7 +38,7 @@
 }
 .SynapseNavContentDrawer {
   .synapseLogoNameContainer {
-    padding: 25px 0px 16px 0px;
+    padding: 25px 0px 16px 5px;
   }
   .searchInputWithIcon {
     padding-top: 30px;