fixed includes of scss globals into typescript files.

9 files changed, 24 insertions, 28 deletions

diff --git a/src/client/views/search/CheckBox.scss b/src/client/views/search/CheckBox.scss
index 2a0085ade..4892facbc 100644
--- a/src/client/views/search/CheckBox.scss
+++ b/src/client/views/search/CheckBox.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
 
 .checkboxfilter {
     display: flex;
@@ -12,7 +12,7 @@
         align-items: center;
         margin-top: 0px;
 
-        .check-container:hover~.check-box {
+        .check-container:hover ~ .check-box {
             background-color: $medium-blue;
         }
 
@@ -55,5 +55,4 @@
         text-transform: capitalize;
         margin-left: 15px;
     }
-
-}
\ No newline at end of file
+}
diff --git a/src/client/views/search/CollectionFilters.scss b/src/client/views/search/CollectionFilters.scss
index 845b16f67..6105df570 100644
--- a/src/client/views/search/CollectionFilters.scss
+++ b/src/client/views/search/CollectionFilters.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
 
 .collection-filters {
     display: flex;
@@ -17,4 +17,4 @@
         float: right;
         opacity: 0;
     }
-}
\ No newline at end of file
+}
diff --git a/src/client/views/search/IconBar.scss b/src/client/views/search/IconBar.scss
index 6aaf7918d..05aa099f7 100644
--- a/src/client/views/search/IconBar.scss
+++ b/src/client/views/search/IconBar.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
 
 .icon-bar {
     display: flex;
@@ -7,4 +7,4 @@
     height: auto;
     width: 100%;
     flex-direction: row-reverse;
-}
\ No newline at end of file
+}
diff --git a/src/client/views/search/IconButton.scss b/src/client/views/search/IconButton.scss
index 3cb08d756..d2a2ea369 100644
--- a/src/client/views/search/IconButton.scss
+++ b/src/client/views/search/IconButton.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
 
 .type-outer {
     display: flex;
@@ -24,7 +24,7 @@
 
         .fontawesome-icon {
             height: 15px;
-            width: 15px
+            width: 15px;
         }
     }
 
@@ -46,8 +46,8 @@
         background-color: $medium-blue;
         opacity: 1;
 
-        +.filter-description {
+        + .filter-description {
             opacity: 1;
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/client/views/search/IconButton.tsx b/src/client/views/search/IconButton.tsx
index e12e4511c..20084b64d 100644
--- a/src/client/views/search/IconButton.tsx
+++ b/src/client/views/search/IconButton.tsx
@@ -4,7 +4,7 @@ import { action, IReactionDisposer, observable, reaction, runInAction } from 'mo
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { DocumentType } from '../../documents/DocumentTypes';
-import '../global/globalCssVariables.scss';
+import '../global/globalCssVariables.module.scss';
 import { IconBar } from './IconBar';
 import './IconButton.scss';
 import './SearchBox.scss';
diff --git a/src/client/views/search/NaviconButton.scss b/src/client/views/search/NaviconButton.scss
index 13d31bbe9..917635c0b 100644
--- a/src/client/views/search/NaviconButton.scss
+++ b/src/client/views/search/NaviconButton.scss
@@ -1,4 +1,4 @@
-@import '../global/globalCssVariables';
+@import '../global/globalCssVariables.module.scss';
 
 $height-icon: 15px;
 $width-line: 30px;
diff --git a/src/client/views/search/SearchBox.scss b/src/client/views/search/SearchBox.scss
index a439aea3e..a3c4bd2ed 100644
--- a/src/client/views/search/SearchBox.scss
+++ b/src/client/views/search/SearchBox.scss
@@ -1,5 +1,5 @@
-@import "../global/globalCssVariables";
-@import "./NaviconButton.scss";
+@import '../global/globalCssVariables.module.scss';
+@import './NaviconButton.scss';
 
 .searchBox-container {
     width: 100%;
@@ -47,7 +47,6 @@
     }
 
     .section-header {
-
         .section-title {
             font-size: $body-text;
             font-weight: 600;
@@ -57,7 +56,7 @@
             display: flex;
             color: $light-gray;
         }
-        
+
         padding: 5px 10px;
         display: flex;
         flex-direction: column;
@@ -71,7 +70,7 @@
         flex-direction: column;
         width: 100%;
         height: fit-content;
-        justify-content: "center";
+        justify-content: 'center';
 
         .searchBox-recommendations-view {
             margin-top: 10px;
@@ -81,8 +80,6 @@
             flex-direction: column;
             gap: 10px;
             padding: 0px 10px;
-            
-
         }
     }
 
@@ -91,8 +88,8 @@
         flex-direction: column;
         width: 100%;
         height: fit-content;
-        justify-content: "center";
-    
+        justify-content: 'center';
+
         .searchBox-results-view {
             display: inline-block;
             width: 100%;
@@ -147,4 +144,4 @@
             }
         }
     }
-}
\ No newline at end of file
+}
diff --git a/src/client/views/search/SelectorContextMenu.scss b/src/client/views/search/SelectorContextMenu.scss
index a114f679c..097a6107d 100644
--- a/src/client/views/search/SelectorContextMenu.scss
+++ b/src/client/views/search/SelectorContextMenu.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
 
 .parents {
     background: $light-blue;
@@ -13,4 +13,4 @@
         border-color: $medium-blue;
         border-bottom-style: solid;
     }
-}
\ No newline at end of file
+}
diff --git a/src/client/views/search/ToggleBar.scss b/src/client/views/search/ToggleBar.scss
index 3a164f133..9e27db2bc 100644
--- a/src/client/views/search/ToggleBar.scss
+++ b/src/client/views/search/ToggleBar.scss
@@ -1,4 +1,4 @@
-@import "../global/globalCssVariables";
+@import '../global/globalCssVariables.module.scss';
 
 .toggle-title {
     display: flex;
@@ -38,4 +38,4 @@
         border-radius: 10px;
         background-color: $white;
     }
-}
\ No newline at end of file
+}