synapse-react-client 3.3.7 → 3.3.9

package/dist/style/base/_core.scss

@@ -632,53 +632,10 @@ hr ~ .QueryWrapperPlotNav {
 
 .SynapseTable {
   min-height: 400px;
-  th {
-    position: relative;
-    background: map.get(SRC.$colors, 'gray-100') padding-box;
-    border-right: 1px solid map.get(SRC.$colors, 'gray-400');
-  }
-  td,
-  th {
-    & > * {
-      padding: 8px 10px;
-    }
-  }
-
-  tr:nth-of-type(2n) {
-    background-color: #fbfbfc;
-  }
 
   tbody > tr > td {
     vertical-align: top;
   }
-
-  .resizer {
-    position: absolute;
-    right: 0;
-    top: 0;
-    height: 100%;
-    width: 3px;
-    padding: 0px;
-    background: rgba(0, 0, 0, 0.5);
-    cursor: col-resize;
-    user-select: none;
-    touch-action: none;
-  }
-
-  .resizer.isResizing {
-    background: SRC.$primary-action-color;
-    opacity: 1;
-  }
-
-  @media (hover: hover) {
-    .resizer {
-      opacity: 0;
-    }
-
-    *:hover > .resizer {
-      opacity: 1;
-    }
-  }
 }
 
 .table > tbody > tr > td {

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

@@ -4,6 +4,7 @@
 .QueryWrapperPlotNav {
   display: grid;
   position: relative;
+  grid-template-columns: 100%;
 
   @media (min-width: map-get(SRC.$breakpoints, 'medium')) {
     grid-template-columns: 23% 75%;
@@ -29,7 +30,7 @@
       .QueryWrapperFullTextSearchInput,
       .QueryWrapperSearchInput,
       .QueryWrapperSqlEditorInput,
-      .FilterAndView,
+      .RowSetView,
       .SynapsePlots {
         grid-column: 2 / span 1;
       }
@@ -45,7 +46,7 @@
     }
   }
 
-  &.hasSelectedRows {
+  .hasSelectedRows {
     margin-bottom: 100px;
   }
 
@@ -83,7 +84,7 @@
   .PlotsContainer {
     grid-row: 8 / span 1;
   }
-  .FilterAndView {
+  .RowSetView {
     grid-row: 9 / span 1;
   }
 
@@ -94,7 +95,7 @@
         display: none;
       }
     }
-    .FilterAndView {
+    .RowSetView {
       margin-top: 10px;
     }
   }

package/dist/style/components/query_filter/_facet-chip.scss

@@ -8,6 +8,9 @@
   &:hover {
     background-color: map.get(SRC.$secondary-color-palette, 100);
   }
+  &:active {
+    background-color: map.get(SRC.$secondary-color-palette, 200);
+  }
 }
 .Checked {
   color: #ffffff;
@@ -15,4 +18,7 @@
   &:hover {
     background-color: map.get(SRC.$secondary-color-palette, 700);
   }
+  &:active {
+    background-color: map.get(SRC.$secondary-color-palette, 600);
+  }
 }

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

@@ -15333,45 +15333,9 @@ hr ~ .QueryWrapperPlotNav {
 .SynapseTable {
   min-height: 400px;
 }
-.SynapseTable th {
-  position: relative;
-  background: #fbfbfc padding-box;
-  border-right: 1px solid #dfe2e6;
-}
-.SynapseTable td > *,
-.SynapseTable th > * {
-  padding: 8px 10px;
-}
-.SynapseTable tr:nth-of-type(2n) {
-  background-color: #fbfbfc;
-}
 .SynapseTable tbody > tr > td {
   vertical-align: top;
 }
-.SynapseTable .resizer {
-  position: absolute;
-  right: 0;
-  top: 0;
-  height: 100%;
-  width: 3px;
-  padding: 0px;
-  background: rgba(0, 0, 0, 0.5);
-  cursor: col-resize;
-  user-select: none;
-  touch-action: none;
-}
-.SynapseTable .resizer.isResizing {
-  background: rgb(64, 123, 160);
-  opacity: 1;
-}
-@media (hover: hover) {
-  .SynapseTable .resizer {
-    opacity: 0;
-  }
-  .SynapseTable *:hover > .resizer {
-    opacity: 1;
-  }
-}
 
 .table > tbody > tr > td {
   vertical-align: top;
@@ -17736,6 +17700,7 @@ svg.HelpButton {
 .QueryWrapperPlotNav {
   display: grid;
   position: relative;
+  grid-template-columns: 100%;
 }
 @media (min-width: 768px) {
   .QueryWrapperPlotNav {
@@ -17757,7 +17722,7 @@ svg.HelpButton {
   .QueryWrapperPlotNav.isShowingFacetFilters .QueryWrapperFullTextSearchInput,
   .QueryWrapperPlotNav.isShowingFacetFilters .QueryWrapperSearchInput,
   .QueryWrapperPlotNav.isShowingFacetFilters .QueryWrapperSqlEditorInput,
-  .QueryWrapperPlotNav.isShowingFacetFilters .FilterAndView,
+  .QueryWrapperPlotNav.isShowingFacetFilters .RowSetView,
   .QueryWrapperPlotNav.isShowingFacetFilters .SynapsePlots {
     grid-column: 2/span 1;
   }
@@ -17769,7 +17734,7 @@ svg.HelpButton {
     margin-left: 0;
   }
 }
-.QueryWrapperPlotNav.hasSelectedRows {
+.QueryWrapperPlotNav .hasSelectedRows {
   margin-bottom: 100px;
 }
 .QueryWrapperPlotNav .TopLevelControls {
@@ -17804,7 +17769,7 @@ svg.HelpButton {
 .QueryWrapperPlotNav .PlotsContainer {
   grid-row: 8/span 1;
 }
-.QueryWrapperPlotNav .FilterAndView {
+.QueryWrapperPlotNav .RowSetView {
   grid-row: 9/span 1;
 }
 .QueryWrapperPlotNav.isHidingFacetFilters .FacetFilterControls {
@@ -17813,7 +17778,7 @@ svg.HelpButton {
 .QueryWrapperPlotNav.isHidingFacetFilters .FacetFilterControls > * {
   display: none;
 }
-.QueryWrapperPlotNav.isHidingFacetFilters .FilterAndView {
+.QueryWrapperPlotNav.isHidingFacetFilters .RowSetView {
   margin-top: 10px;
 }
 .QueryWrapperPlotNav .QueryWrapperTextInput {
@@ -18438,6 +18403,9 @@ input[type=radio] + span {
 .Chip:hover {
   background-color: #eaeded;
 }
+.Chip:active {
+  background-color: #8ab4ad;
+}
 
 .Checked {
   color: #ffffff;
@@ -18446,6 +18414,9 @@ input[type=radio] + span {
 .Checked:hover {
   background-color: #2f8072;
 }
+.Checked:active {
+  background-color: #3a897c;
+}
 
 .SynapsePlots {
   padding-top: 5px;