synapse-react-client 3.1.7 → 3.1.9

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

@@ -0,0 +1,28 @@
+@use '../abstracts/mixins' as SrcMixins;
+
+.MarkdownEditor {
+  .MarkdownEditorControls {
+    display: flex;
+    .Tabs {
+      @include SrcMixins.underline-tabs();
+      justify-content: flex-start;
+      box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+      display: inline-flex;
+      .Tab {
+        flex-grow: 0;
+        height: 45px;
+        padding-left: 30px;
+        padding-right: 30px;
+
+        display: flex;
+        align-items: center;
+        text-decoration: none !important;
+      }
+    }
+    .MarkdownEditorControlsToolbar {
+      margin: auto;
+      margin-left: auto;
+      margin-right: 0;
+    }
+  }
+}

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

@@ -31,9 +31,3 @@
     }
   }
 }
-
-.Loader {
-  position: fixed;
-  left: 50%;
-  top: 35%;
-}

package/dist/style/components/_query-filter.scss

@@ -1,7 +1,7 @@
 @use '../abstracts/variables' as SRC;
 @use 'sass:map';
 
-.QueryFilter {
+.FacetFilterControls {
   &__title {
     font-weight: bold;
   }

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

@@ -23,7 +23,7 @@
     .SRC-wrapper {
       // column (depends on if we are showing facet filters)
       .isShowingFacetFilters {
-        &.QueryFilter {
+        &.FacetFilterControls {
           grid-column: 1 / span 1;
           grid-row: 3 / span 100;
         }
@@ -76,7 +76,7 @@
     }
     // This is the placement for mobile.  See above for desktop position
     // (when showing these facet filters we render a 2 column layout)
-    .QueryFilter {
+    .FacetFilterControls {
       grid-row: 7 / span 1;
     }
     .FacetNav {
@@ -88,7 +88,7 @@
   }
 
   .SRC-wrapper .isHidingFacetFilters {
-    &.QueryFilter {
+    &.FacetFilterControls {
       grid-column: 1 / span 1;
       > * {
         display: none;
@@ -100,7 +100,7 @@
   }
 
   .SRC-wrapper {
-    > .QueryFilter,
+    > .FacetFilterControls,
     > .download-confirmation,
     > .FacetNav,
     > .QueryWrapperSearchInput,
@@ -118,7 +118,6 @@
 
   .TotalQueryResults.hasFilters {
     background-color: map.get(SRC.$colors, 'gray-100');
-    border-top: 1px solid map.get(SRC.$colors, 'gray-300');
     border-bottom: 1px solid map.get(SRC.$colors, 'gray-300');
     padding-left: 15px;
     padding-bottom: 13px;
@@ -147,12 +146,13 @@
     display: flex;
     justify-content: space-between;
     font-weight: bold;
-    margin: 0px 0px 0px 15px;
+    padding: 10px 10px 10px 15px;
     p {
       margin-top: 0px;
     }
   }
   background-color: rgba(map.get(SRC.$primary-color-palette, 500), 0.05);
+  border-bottom: 1px solid map.get(SRC.$colors, 'gray-300');
   &__showhidefacetfilters {
     display: none;
   }

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

@@ -18107,25 +18107,25 @@ svg.HelpButton {
   box-shadow: none;
   border-radius: 2px;
 }
-.QueryFilter {
+.FacetFilterControls {
   padding-top: 18px;
 }
-.QueryFilter__title {
+.FacetFilterControls__title {
   font-weight: bold;
 }
-.QueryFilter__facet {
+.FacetFilterControls__facet {
   margin: 2rem 0;
 }
-.QueryFilter__facet:first-child {
+.FacetFilterControls__facet:first-child {
   margin-top: 0;
 }
-.QueryFilter .AvailableFacet {
+.FacetFilterControls .AvailableFacet {
   display: flex;
   justify-content: space-between;
   border-bottom: 1px solid #dcdcdc;
   margin-bottom: 12px;
 }
-.QueryFilter .AvailableFacet__label {
+.FacetFilterControls .AvailableFacet__label {
   font-weight: bold;
 }
 .page-progress button,
@@ -18885,7 +18885,7 @@ svg.HelpButton {
   .QueryWrapperPlotNav .SRC-wrapper.has-facets > * {
     grid-column: 1/span 2;
   }
-  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.QueryFilter {
+  .QueryWrapperPlotNav .SRC-wrapper .isShowingFacetFilters.FacetFilterControls {
     grid-column: 1/span 1;
     grid-row: 3/span 100;
   }
@@ -18929,7 +18929,7 @@ svg.HelpButton {
 .QueryWrapperPlotNav .SRC-wrapper .ErrorBannerWrapper {
   grid-row: 6/span 1;
 }
-.QueryWrapperPlotNav .SRC-wrapper .QueryFilter {
+.QueryWrapperPlotNav .SRC-wrapper .FacetFilterControls {
   grid-row: 7/span 1;
 }
 .QueryWrapperPlotNav .SRC-wrapper .FacetNav {
@@ -18938,16 +18938,16 @@ svg.HelpButton {
 .QueryWrapperPlotNav .SRC-wrapper .FilterAndView {
   grid-row: 9/span 1;
 }
-.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter {
+.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FacetFilterControls {
   grid-column: 1/span 1;
 }
-.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.QueryFilter > * {
+.QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FacetFilterControls > * {
   display: none;
 }
 .QueryWrapperPlotNav .SRC-wrapper .isHidingFacetFilters.FilterAndView {
   margin-top: 10px;
 }
-.QueryWrapperPlotNav .SRC-wrapper > .QueryFilter,
+.QueryWrapperPlotNav .SRC-wrapper > .FacetFilterControls,
 .QueryWrapperPlotNav .SRC-wrapper > .download-confirmation,
 .QueryWrapperPlotNav .SRC-wrapper > .FacetNav,
 .QueryWrapperPlotNav .SRC-wrapper > .QueryWrapperSearchInput,
@@ -18961,7 +18961,6 @@ svg.HelpButton {
 }
 .QueryWrapperPlotNav .TotalQueryResults.hasFilters {
   background-color: #fbfbfc;
-  border-top: 1px solid #eaecee;
   border-bottom: 1px solid #eaecee;
   padding-left: 15px;
   padding-bottom: 13px;
@@ -18982,12 +18981,13 @@ svg.HelpButton {
 }
 .TopLevelControls {
   background-color: rgba(64, 123, 160, 0.05);
+  border-bottom: 1px solid #eaecee;
 }
 .TopLevelControls > * {
   display: flex;
   justify-content: space-between;
   font-weight: bold;
-  margin: 0px 0px 0px 15px;
+  padding: 10px 10px 10px 15px;
 }
 .TopLevelControls > * p {
   margin-top: 0px;
@@ -24998,11 +24998,6 @@ input[type=radio] + span {
   color: #f44336;
   padding: 0;
 }
-.Loader {
-  position: fixed;
-  left: 50%;
-  top: 35%;
-}
 .terms-conditions .view-terms a,
 .terms-conditions .view-terms a:active:focus,
 .page-progress button,
@@ -25197,6 +25192,65 @@ input[type=radio] + span {
 .ExpandableTableData__expandButton {
   float: right;
 }
+.terms-conditions .view-terms a,
+.terms-conditions .view-terms a:active:focus,
+.page-progress button,
+.page-progress button:active,
+.page-progress button:focus,
+.page-progress button:active:focus {
+  border: 0;
+  outline: none;
+  box-shadow: none;
+  border-radius: 2px;
+}
+.MarkdownEditor .MarkdownEditorControls {
+  display: flex;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs {
+  display: flex;
+  justify-content: space-between;
+  justify-content: flex-start;
+  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05);
+  display: inline-flex;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > * {
+  cursor: pointer;
+  text-align: center;
+  flex-grow: 1;
+  padding: 5px 0px;
+  transition: border-bottom 200ms ease-in;
+  border-bottom: 3px solid transparent;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-selected=false],
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-current=false] {
+  color: #878e95;
+  border-bottom: 3px solid lightgray;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > *:hover,
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-selected=true],
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-current=page] {
+  border-color: #469285;
+  color: #22252a;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs > *:hover svg,
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-selected=true] svg,
+.MarkdownEditor .MarkdownEditorControls .Tabs > *[aria-current=page] svg {
+  color: #469285;
+}
+.MarkdownEditor .MarkdownEditorControls .Tabs .Tab {
+  flex-grow: 0;
+  height: 45px;
+  padding-left: 30px;
+  padding-right: 30px;
+  display: flex;
+  align-items: center;
+  text-decoration: none !important;
+}
+.MarkdownEditor .MarkdownEditorControls .MarkdownEditorControlsToolbar {
+  margin: auto;
+  margin-left: auto;
+  margin-right: 0;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */