From 13827fde30a847ad96f58f458c8d18ce873d3b81 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Fri, 3 Jun 2022 23:01:22 +0200
Subject: refactor: Add a small box-shadow

---
 apps/projects/src/app/pages/views/data-table-paginator.svelte | 10 +++-------
 apps/web-shared/src/components/dropdown.svelte                |  2 +-
 apps/web-shared/src/styles/components/autocomplete.scss       |  2 +-
 apps/web-shared/src/styles/custom-style/_shared-styles.scss   |  3 +--
 4 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/apps/projects/src/app/pages/views/data-table-paginator.svelte b/apps/projects/src/app/pages/views/data-table-paginator.svelte
index 7696ca2..3d9834a 100644
--- a/apps/projects/src/app/pages/views/data-table-paginator.svelte
+++ b/apps/projects/src/app/pages/views/data-table-paginator.svelte
@@ -47,14 +47,10 @@
 
 <nav class="pagination"
      aria-label="Pagination">
-    <ul
-            class="pagination__list flex flex-wrap gap-xxxs justify-center justify-end@md"
-    >
+    <ul class="pagination__list flex flex-wrap gap-xxxs justify-center justify-end@md">
         <li>
-            <button
-                    on:click={decrement}
-                    class="reset pagination__item {canDecrement ? '' : 'c-disabled'}"
-            >
+            <button on:click={decrement}
+                    class="reset pagination__item {canDecrement ? '' : 'c-disabled'}">
                 <svg class="icon icon--xs flip-x"
                      viewBox="0 0 16 16"
                 ><title>Go to previous page</title>
diff --git a/apps/web-shared/src/components/dropdown.svelte b/apps/web-shared/src/components/dropdown.svelte
index d53bb6e..2b7f82b 100644
--- a/apps/web-shared/src/components/dropdown.svelte
+++ b/apps/web-shared/src/components/dropdown.svelte
@@ -344,7 +344,7 @@
     {/if}
 
     <!-- dropdown -->
-    <div class="autocomplete__results select-auto__results">
+    <div class="autocomplete__results select-auto__results shadow-xs inner-glow">
         <ul on:keydown={(event) => event.code.startsWith("Arrow") && event.preventDefault()}
             tabindex="-1"
             class="autocomplete__list">
diff --git a/apps/web-shared/src/styles/components/autocomplete.scss b/apps/web-shared/src/styles/components/autocomplete.scss
index cde3632..c20d508 100644
--- a/apps/web-shared/src/styles/components/autocomplete.scss
+++ b/apps/web-shared/src/styles/components/autocomplete.scss
@@ -24,7 +24,7 @@ Usage: codyhouse.co/license
   left: 0;
   top: calc(100% + var(--autocomplete-dropdown-vertical-gap));
   background-color: var(--color-bg-light);
-  box-shadow: var(--inner-glow), var(--shadow-md);
+  box-shadow: var(--inner-glow), var(--shadow-xs);
   border-radius: var(--radius-md);
   opacity: 0;
   visibility: hidden;
diff --git a/apps/web-shared/src/styles/custom-style/_shared-styles.scss b/apps/web-shared/src/styles/custom-style/_shared-styles.scss
index e9a32b8..c685b46 100644
--- a/apps/web-shared/src/styles/custom-style/_shared-styles.scss
+++ b/apps/web-shared/src/styles/custom-style/_shared-styles.scss
@@ -5,13 +5,12 @@
   --radius-sm: calc(var(--radius) / 2);
   --radius-md: var(--radius);
   --radius-lg: calc(var(--radius) * 2);
-  --shadow-xs: 0;
+  --shadow-xs: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
   --shadow-sm: 0;
   --shadow-md: 0;
   --shadow-lg: 0;
   --shadow-xl: 0;
 }
-
 // --------------------------------
 
 // (START) Global editor code https://codyhouse.co/ds/globals/shared-styles
-- 
cgit v1.3