Minor changes to scrollbars & nodejs header text

parsecph · Jul 26, 2022 · df3ce4e · df3ce4e
1 parent 8f915d7
commit df3ce4e
Showing 2 changed files with 12 additions and 11 deletions.
diff --git a/packages/ui/src/search/SearchSettings/HeaderSettings/HeaderNodeMode.tsx b/packages/ui/src/search/SearchSettings/HeaderSettings/HeaderNodeMode.tsx
@@ -83,10 +83,9 @@ export const HeaderNodeMode = () => {
           <Alert severity="info">
             This Node.js script will be executed before a run. Its output will
             be used as headers.
-            <br /> <br />
+            <br />
             The command return value should be in JSON format, i.e. one could
-            use a fetch request to authenticate before sending the request with
-            the following output:
+            use a fetch auth credentials before sending the request:
             <pre>
               <small>
                 return fetch('example.com').then(response =&gt;

diff --git a/packages/ui/src/shared/index.css b/packages/ui/src/shared/index.css
@@ -18,8 +18,8 @@ body {
 }
 
 ::-webkit-scrollbar {
-  width: 20px;
-  height: 20px;
+  width: 16px;
+  height: 16px;
 }
 
 ::-webkit-scrollbar-track {
@@ -32,22 +32,24 @@ body {
 
 ::-webkit-scrollbar-thumb {
   background-color: rgb(200, 200, 200);
-  border-radius: 20px;
-  border: 6px solid transparent;
+  border-radius: 16px;
+  border: 5px solid transparent;
   background-clip: content-box;
 }
 
 ::-webkit-scrollbar-thumb:hover {
   background-color: rgb(230, 230, 230);
 }
 
-.dark::-webkit-scrollbar-thumb {
+.dark::-webkit-scrollbar-thumb,
+.dark ::-webkit-scrollbar-thumb {
   background-color: rgb(50, 50, 50);
-  border-radius: 20px;
-  border: 6px solid transparent;
+  border-radius: 16px;
+  border: 5px solid transparent;
   background-clip: content-box;
 }
 
-.dark::-webkit-scrollbar-thumb:hover {
+.dark::-webkit-scrollbar-thumb:hover,
+.dark ::-webkit-scrollbar-thumb:hover {
   background-color: rgb(70, 70, 70);
 }