synapse-react-client 3.1.5 → 3.1.7

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

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

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

@@ -116,11 +116,12 @@
     z-index: 600;
   }
 
-  .TotalQueryResults {
+  .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;
   }
   .FacetNav {
     margin-top: 5px;
@@ -163,10 +164,11 @@
       display: flex;
       flex-wrap: nowrap;
       justify-content: flex-start;
-      align-items: stretch;
+      align-items: center;
       margin-left: 15px;
       font-weight: 400 !important;
       &__text {
+        font-size: 14px;
         margin-top: 4px;
       }
       svg {

package/dist/style/components/_total-query-results.scss

@@ -14,19 +14,17 @@
     flex: 1;
     flex-wrap: wrap;
   }
-
-  &__clearall {
-    padding: 5px 10px;
-    margin-left: 5px;
-    flex: 1;
-    flex-grow: 0;
-    flex-shrink: 1;
-    color: #515359;
-    background: #ececec;
-    border-radius: 2px;
-    white-space: nowrap;
-    height: fit-content;
-    margin-top: 8px;
+  &__topbar {
+    padding-top: 12px;
+    padding-bottom: 12px;
+    &__clearall {
+      float: right;
+      font-weight: 400 !important;
+      margin-right: 15px;
+      svg {
+        margin: -3px 4px 0px 0px;
+      }
+    }
   }
 }
 

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

@@ -16105,16 +16105,6 @@ hr ~ .SRC-wrapper .SRC-marginTopMinusTen {
 .table > tbody > tr > td {
   vertical-align: middle;
 }
-.table > tbody > tr > td.SRC-synapseTableTd {
-  max-width: 250px;
-  vertical-align: middle;
-}
-.table > tbody > tr > td.SRC-synapseTableTd p {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  margin: 0px 5px;
-}
 .SignInButton {
   padding: 0px;
 }
@@ -18663,18 +18653,17 @@ svg.HelpButton {
   flex: 1;
   flex-wrap: wrap;
 }
-.TotalQueryResults__clearall {
-  padding: 5px 10px;
-  margin-left: 5px;
-  flex: 1;
-  flex-grow: 0;
-  flex-shrink: 1;
-  color: #515359;
-  background: #ececec;
-  border-radius: 2px;
-  white-space: nowrap;
-  height: fit-content;
-  margin-top: 8px;
+.TotalQueryResults__topbar {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.TotalQueryResults__topbar__clearall {
+  float: right;
+  font-weight: 400 !important;
+  margin-right: 15px;
+}
+.TotalQueryResults__topbar__clearall svg {
+  margin: -3px 4px 0px 0px;
 }
 .SelectionCriteriaPill {
   padding-left: 10px;
@@ -18970,11 +18959,12 @@ svg.HelpButton {
 .QueryWrapperPlotNav .QueryWrapperTextInput {
   z-index: 600;
 }
-.QueryWrapperPlotNav .TotalQueryResults {
+.QueryWrapperPlotNav .TotalQueryResults.hasFilters {
   background-color: #fbfbfc;
   border-top: 1px solid #eaecee;
   border-bottom: 1px solid #eaecee;
   padding-left: 15px;
+  padding-bottom: 13px;
 }
 .QueryWrapperPlotNav .FacetNav {
   margin-top: 5px;
@@ -19014,11 +19004,12 @@ svg.HelpButton {
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-start;
-  align-items: stretch;
+  align-items: center;
   margin-left: 15px;
   font-weight: 400 !important;
 }
 .TopLevelControls__querycount__facetFilterLink__text {
+  font-size: 14px;
   margin-top: 4px;
 }
 .TopLevelControls__querycount__facetFilterLink svg {
@@ -25007,6 +24998,11 @@ 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,
@@ -25153,6 +25149,54 @@ input[type=radio] + span {
 .ForumTable tr td:nth-child(6) {
   width: 1px;
 }
+.DiscussionThread {
+  padding: 15px 30px;
+  border: solid #ccc;
+  border-width: 0.1em;
+  border-radius: 0.4em;
+}
+.DiscussionThread .follow-button {
+  float: right;
+  margin-right: 24px;
+}
+.DiscussionThread .reply-input {
+  width: 100%;
+  height: 35px;
+  padding: 6px 12px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
+  margin: 10px 0;
+}
+.reply-container {
+  padding: 5px;
+  margin-bottom: 5px;
+  background-color: #f9f9f9;
+  border: solid #ccc;
+  border-width: 0.1em;
+  border-radius: 0.4em;
+}
+.reply-container .message-body {
+  padding: 6px 22px;
+}
+.ExpandableTableData {
+  max-width: 250px;
+  vertical-align: middle;
+}
+.ExpandableTableData p {
+  text-overflow: ellipsis;
+  margin: 0px 5px;
+}
+.ExpandableTableData[aria-expanded=true] p {
+  white-space: normal;
+  overflow: hidden;
+}
+.ExpandableTableData[aria-expanded=false] p {
+  white-space: nowrap;
+  overflow: hidden;
+}
+.ExpandableTableData__expandButton {
+  float: right;
+}
 /*!
  * https://github.com/arqex/react-datetime
  */