Loading search results: show loading text on top of searchFilters area.

src/components/SearchFilters/SearchFilters.css

@@ -4,6 +4,7 @@
   display: flex;
   justify-content: space-between;
   background-color: var(--matterColorBright);
+  position: relative;
 }
 
 .longInfo {
@@ -40,6 +41,25 @@
   flex-shrink: 0;
 }
 
+.loadingResults {
+  @apply --marketplaceH4FontStyles;
+  line-height: 20px;
+
+  /* Cover parent element's space*/
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  /* Layout */
+  padding: 0 24px;
+  margin: 0;
+  background-color: var(--matterColorBright);
+}
+
 .resultsFound {
   white-space: nowrap;
 }

src/components/SearchFilters/SearchFilters.js

@@ -110,6 +110,12 @@ const SearchFiltersComponent = props => {
           <FormattedMessage id="SearchFilters.noResults" />
         </div>
       ) : null}
+
+      {searchInProgress ? (
+        <div className={css.loadingResults}>
+          <FormattedMessage id="SearchFilters.loadingResults" />
+        </div>
+      ) : null}
     </div>
   );
 };