diff options
| author | ivarlovlie <git@ivarlovlie.no> | 2022-09-20 09:24:27 +0200 |
|---|---|---|
| committer | ivarlovlie <git@ivarlovlie.no> | 2022-09-20 09:24:27 +0200 |
| commit | a9072370ca1eb9a5cce928b1d487db0f307edea6 (patch) | |
| tree | 59c3c23df930a8b5f888dc7813923abf4ceefed4 /apps/web-shared/src/components/menu | |
| parent | 56fa963a1d63cbe0bf28e29e717cceaa417c45c1 (diff) | |
| download | greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.tar.xz greatoffice-a9072370ca1eb9a5cce928b1d487db0f307edea6.zip | |
feat: Move old apps into it's own directory
Diffstat (limited to 'apps/web-shared/src/components/menu')
| -rw-r--r-- | apps/web-shared/src/components/menu/index.ts | 9 | ||||
| -rw-r--r-- | apps/web-shared/src/components/menu/item.svelte | 8 | ||||
| -rw-r--r-- | apps/web-shared/src/components/menu/menu.svelte | 54 | ||||
| -rw-r--r-- | apps/web-shared/src/components/menu/separator.svelte | 2 |
4 files changed, 0 insertions, 73 deletions
diff --git a/apps/web-shared/src/components/menu/index.ts b/apps/web-shared/src/components/menu/index.ts deleted file mode 100644 index 8eb7938..0000000 --- a/apps/web-shared/src/components/menu/index.ts +++ /dev/null @@ -1,9 +0,0 @@ -import Menu from "./menu.svelte"; -import MenuItem from "./item.svelte"; -import MenuItemSeparator from "./separator.svelte"; - -export { - Menu, - MenuItem, - MenuItemSeparator -}; diff --git a/apps/web-shared/src/components/menu/item.svelte b/apps/web-shared/src/components/menu/item.svelte deleted file mode 100644 index aeb0f99..0000000 --- a/apps/web-shared/src/components/menu/item.svelte +++ /dev/null @@ -1,8 +0,0 @@ -<script lang="ts"> - export let danger = false; -</script> -<li role="menuitem" on:click> - <span class="menu__content {danger ? 'bg-error-lighter@hover color-white@hover' : ''}"> - <slot/> - </span> -</li> diff --git a/apps/web-shared/src/components/menu/menu.svelte b/apps/web-shared/src/components/menu/menu.svelte deleted file mode 100644 index 33517ab..0000000 --- a/apps/web-shared/src/components/menu/menu.svelte +++ /dev/null @@ -1,54 +0,0 @@ -<script lang="ts"> - import {random_string} from "$shared/lib/helpers"; - - export const id = "__menu_" + random_string(3); - export let trigger: HTMLElement; - export let show = false; - - let windowInnerWidth = 0; - let windowInnerHeight = 0; - let menu: HTMLMenuElement; - - $: if (show && menu && trigger) { - const - selectedTriggerPosition = trigger.getBoundingClientRect(), - menuOnTop = (windowInnerHeight - selectedTriggerPosition.bottom) < selectedTriggerPosition.top, - left = selectedTriggerPosition.left, - right = (windowInnerWidth - selectedTriggerPosition.right), - isRight = (windowInnerWidth < selectedTriggerPosition.left + menu.offsetWidth), - vertical = menuOnTop - ? "bottom: " + (windowInnerHeight - selectedTriggerPosition.top) + "px;" - : "top: " + selectedTriggerPosition.bottom + "px;"; - - let horizontal = isRight ? "right: " + right + "px;" : "left: " + left + "px;"; - - // check right position is correct -> otherwise set left to 0 - if (isRight && (right + menu.offsetWidth) > windowInnerWidth) horizontal = ("left: " + (windowInnerWidth - menu.offsetWidth) / 2 + "px;"); - const maxHeight = menuOnTop ? selectedTriggerPosition.top - 20 : windowInnerHeight - selectedTriggerPosition.bottom - 20; - menu.setAttribute("style", horizontal + vertical + "max-height:" + Math.floor(maxHeight) + "px;"); - } - - function on_window_click(event) { - if (!event.target.closest("#" + id) && !event.target.closest("[aria-controls='" + id + "']")) show = false; - } - - function on_window_touchend(event) { - if (!event.target.closest("#" + id) && !event.target.closest("[aria-controls='" + id + "']")) show = false; - } -</script> - -<svelte:window - on:click={on_window_click} - on:touchend={on_window_touchend} - bind:innerWidth={windowInnerWidth} - bind:innerHeight={windowInnerHeight} -/> - -<menu class="menu" - id="{id}" - bind:this={menu} - class:menu--is-visible={show} - aria-expanded="{show}" - aria-haspopup="true"> - <slot name="options"/> -</menu> diff --git a/apps/web-shared/src/components/menu/separator.svelte b/apps/web-shared/src/components/menu/separator.svelte deleted file mode 100644 index 798dce0..0000000 --- a/apps/web-shared/src/components/menu/separator.svelte +++ /dev/null @@ -1,2 +0,0 @@ -<li class="menu__separator" - role="separator"></li> |
