synapse-react-client 3.0.11 → 3.0.15

package/dist/style/components/_synapse-homepage.scss

@@ -36,7 +36,7 @@
     padding-top: 15px;
     padding-bottom: 15px;
     a {
-      >.styled-svg-wrapper {
+      > .styled-svg-wrapper {
         margin-right: 10px;
       }
       &:not(.btn):link:hover {
@@ -326,7 +326,8 @@
         .title {
           margin: 0px 0px 10px 0px;
         }
-        .title, .description {
+        .title,
+        .description {
           text-align: left;
         }
         .link {

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

@@ -8,7 +8,8 @@
     display: block;
   }
   .SynapseNavDrawerMenu {
-    .MuiListItem-button:hover, .Mui-selected {
+    .MuiListItem-button:hover,
+    .Mui-selected {
       border-left: 7px solid SRC.$secondary-action-color;
       padding-left: 9px;
     }
@@ -28,7 +29,7 @@
     padding-bottom: 14px;
   }
   .MuiPaper-root {
-    background-color: #2E4761;
+    background-color: #2e4761;
     color: white;
   }
   .MuiDrawer-paperAnchorDockedLeft {
@@ -49,8 +50,8 @@
     line-height: 24px;
     letter-spacing: 0.5px;
   }
-  .linkList{
-    >a {
+  .linkList {
+    > a {
       display: block;
       padding-top: 30px;
       font-size: 16px;
@@ -65,7 +66,7 @@
   .MuiPaper-root {
     left: 53px;
     width: 350px;
-    background-color: #2E4761;
+    background-color: #2e4761;
     color: white;
   }
   .projectHeader {
@@ -76,4 +77,3 @@
     @include SRC_Mixins.ignoreLink;
   }
 }
-

package/dist/style/components/_terms-and-conditions.scss

@@ -1,5 +1,5 @@
-$terms-text-color: #ABABAC;
-$terms-accent-gray: #DCDCDC;
+$terms-text-color: #ababac;
+$terms-accent-gray: #dcdcdc;
 $terms-margin: 20px;
 $terms-checkbox-dimension: 40px;
 $signatureLine-width: 420px;
@@ -33,7 +33,7 @@ $signatureLine-width: 420px;
         opacity: 1;
       }
       > span {
-        flex: 1
+        flex: 1;
       }
       .terms-desc {
         ul {
@@ -74,7 +74,7 @@ $signatureLine-width: 420px;
         line-height: $terms-checkbox-dimension;
       }
       .terms-checked {
-        background-color: #28A745;
+        background-color: #28a745;
         border: none;
         text-align: center;
       }
@@ -94,4 +94,4 @@ $signatureLine-width: 420px;
     font-weight: bold;
     margin-bottom: 35px;
   }
-}
+}

package/dist/style/components/_themes-plot.scss

@@ -3,7 +3,7 @@
   .js-plotly-plot .plotly .cursor-ew-resize {
     cursor: pointer !important;
   }
-  
+
   &__dotPlotLegend {
     text-align: right;
     width: 300px;

package/dist/style/components/_upset-plot.scss

@@ -1,32 +1,39 @@
 .UpsetPlot {
-  line{
+  line {
     stroke-width: 0;
     stroke-opacity: 0;
   }
   // Upset.js authors use a unique class name (React.useMemo + random number generator), which makes it more difficult to target.
-  // select any <text> element that has a class name that starts with "cBarTextStyle-upset-".  
-  text[class^='cBarTextStyle-upset-'], text[class*=' cBarTextStyle-upset-']{
+  // select any <text> element that has a class name that starts with "cBarTextStyle-upset-".
+  text[class^='cBarTextStyle-upset-'],
+  text[class*=' cBarTextStyle-upset-'] {
     display: none;
   }
-  text[class^='sBarTextStyle-upset-'], text[class*=' sBarTextStyle-upset-']{
+  text[class^='sBarTextStyle-upset-'],
+  text[class*=' sBarTextStyle-upset-'] {
     display: none;
   }
-  circle[class^='fillNotMember-upset-'], text[class*=' fillNotMember-upset-']{
+  circle[class^='fillNotMember-upset-'],
+  text[class*=' fillNotMember-upset-'] {
     stroke: #d3d3d3;
     stroke-width: 1;
   }
-    
+
   // rotate axis label (so that it's vertical), and it move down by 12%
-  text[class^='sChartTextStyle-upset-'], text[class*=' sChartTextStyle-upset-']{
+  text[class^='sChartTextStyle-upset-'],
+  text[class*=' sChartTextStyle-upset-'] {
     transform: rotate(270deg) translateX(-12%);
   }
-  g[class^='interactive-upset-'], text[class*=' interactive-upset-']{
+  g[class^='interactive-upset-'],
+  text[class*=' interactive-upset-'] {
     &:hover {
-      rect[class^='hoverBar-upset-'], text[class*=' hoverBar-upset-']{
+      rect[class^='hoverBar-upset-'],
+      text[class*=' hoverBar-upset-'] {
         stroke: none;
         // fill: #d3d3d3;
       }
-      text[class^='hoverBarTextStyle-upset-'], text[class*=' hoverBarTextStyle-upset-']{
+      text[class^='hoverBarTextStyle-upset-'],
+      text[class*=' hoverBarTextStyle-upset-'] {
         display: none;
       }
     }
@@ -35,5 +42,4 @@
   .UpsetPlot__summary {
     text-align: center;
   }
-
 }

package/dist/style/components/_user-search-box.scss

@@ -9,15 +9,15 @@
     z-index: 1;
 
     &.users-visible {
-      border: 1px solid #dee2e6
+      border: 1px solid #dee2e6;
     }
 
     li {
-      margin: 0.5rem 0
+      margin: 0.5rem 0;
     }
 
     .user-profile-link {
       margin-right: 1rem;
     }
   }
-}
+}

package/dist/style/components/facet_nav/_all.scss

@@ -1 +1 @@
-@import './facet-nav.scss', './facet-nav-panel.scss'
+@import './facet-nav.scss', './facet-nav-panel.scss';

package/dist/style/components/query_filter/_facet-filter-header.scss

@@ -1,34 +1,33 @@
+@import '../../abstracts/variables'; // TODO: deleted this line if this file is already imported in _all.scss
 
-@import '../../abstracts/variables';  // TODO: deleted this line if this file is already imported in _all.scss
-
-$icon-size: 14px;  // component-specific variable 
+$icon-size: 14px; // component-specific variable
 
 .FacetFilterHeader {
-    display: flex;
-    justify-content: space-between;
-    border-bottom: 1px solid $border-color-gray;
-  
-    &__label {
-      font-weight: bold;
-    }
-  
-    &__collapseToggleBtn {
-      margin: 0;
-      padding: 0;
-      line-height: 14px;
-      font-size: 18px;
-      color: $primary-action-color !important;
-  
-      &:hover {
-        color: $primary-action-color !important;
-        text-decoration: underline;
-      }
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid $border-color-gray;
+
+  &__label {
+    font-weight: bold;
+  }
 
-      .icon-plus, .icon-minus {
-        width: $icon-size;
-        height: $icon-size;
-        vertical-align: text-top;
-     }
+  &__collapseToggleBtn {
+    margin: 0;
+    padding: 0;
+    line-height: 14px;
+    font-size: 18px;
+    color: $primary-action-color !important;
+
+    &:hover {
+      color: $primary-action-color !important;
+      text-decoration: underline;
+    }
 
+    .icon-plus,
+    .icon-minus {
+      width: $icon-size;
+      height: $icon-size;
+      vertical-align: text-top;
     }
-  }
+  }
+}