diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-06-03 23:01:22 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-06-03 23:01:22 +0200 |
| commit | 13827fde30a847ad96f58f458c8d18ce873d3b81 (patch) | |
| tree | deb4a29807eccf37c43d264fc2a8e3a5f8c4607f | |
| parent | 4d075bfdd19daf05fe8f8fe0aa589713e305d73d (diff) | |
| download | greatoffice-13827fde30a847ad96f58f458c8d18ce873d3b81.tar.xz greatoffice-13827fde30a847ad96f58f458c8d18ce873d3b81.zip | |
refactor: Add a small box-shadow
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 |