Cleaned up files

sillsdev · Aug 18, 2023 · 0bcce7f · 0bcce7f
1 parent 796a45d
commit 0bcce7f
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 40 deletions.
diff --git a/src/lib/components/CollectionSelector.svelte b/src/lib/components/CollectionSelector.svelte
@@ -7,9 +7,18 @@ Book Collection Selector component.
     import LayoutOptions from './LayoutOptions.svelte';
     import TabsMenu from './TabsMenu.svelte';
     import config from '$lib/data/config';
-    import { convertStyle, refs, layout, selectedLayouts, s, t } from '$lib/data/stores';
+    import {
+        convertStyle,
+        refs,
+        layout,
+        LAYOUT_SINGLE,
+        LAYOUT_TWO,
+        LAYOUT_VERSE_BY_VERSE,
+        selectedLayouts,
+        s,
+        t
+    } from '$lib/data/stores';
     import { SinglePaneIcon, SideBySideIcon, VerseByVerseIcon } from '$lib/icons';
-    import { LAYOUT_SINGLE, LAYOUT_TWO, LAYOUT_VERSE_BY_VERSE } from '$lib/data/stores';
 
     const modalId = 'collectionSelector';
     let modal;
@@ -36,13 +45,6 @@ Book Collection Selector component.
         };
     }
 
-    export let vertOffset = '1rem'; //Prop that will have the navbar's height (in rem) passed in
-    //The positioningCSS positions the modal 1rem below the navbar and 1rem from the right edge of the screen (on mobile it will be centered)
-    $: positioningCSS =
-        'position:absolute; top:' +
-        (Number(vertOffset.replace('rem', '')) + 1) +
-        'rem; inset-inline-end:1rem;';
-
     function handleOk() {
         const selectedLayout = getSelectedLayout();
         $refs.docSet = selectedLayout.primaryDocSet;

diff --git a/src/lib/components/Dropdown.svelte b/src/lib/components/Dropdown.svelte
@@ -6,7 +6,6 @@ A simple dropdown menu from DaisyUI.
     import { s, convertStyle } from '$lib/data/stores';
     import { createEventDispatcher } from 'svelte';
     export let cols = 6;
-    export let useCustomBtn = false;
     export let direction = 'bottom';
     const dispatch = createEventDispatcher();
 </script>
@@ -32,30 +31,3 @@ A simple dropdown menu from DaisyUI.
         <slot name="content" />
     </div>
 </div>
-
-<style>
-    .custom-btn {
-        display: inline-flex;
-        cursor: pointer;
-        user-select: none;
-        align-items: center;
-        justify-content: center;
-        text-align: center;
-        transition-property: color, background-color, border-color, text-decoration-color, fill,
-            stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
-        transition-duration: 200ms;
-        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-        border-radius: var(--rounded-btn, 0.5rem);
-        height: 3rem;
-        line-height: 1em;
-        min-height: 3rem;
-        border-width: 1px;
-        border-color: transparent;
-        background-color: transparent;
-        color: currentColor;
-        --tw-shadow: 0 0 #0000;
-        --tw-shadow-colored: 0 0 #0000;
-        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-            var(--tw-shadow);
-    }
-</style>
diff --git a/src/lib/components/LayoutOptions.svelte b/src/lib/components/LayoutOptions.svelte
@@ -100,7 +100,7 @@ Displays the three different layout option menus.
                     <div class="layout-subtitle">
                         {i + 1}.
                     </div>
-                    <Dropdown useCustomBtn={true} direction="right">
+                    <Dropdown direction="right">
                         <svelte:fragment slot="label">
                             <div class="layout-item-block" style:box-shadow="unset">
                                 <div class="layout-text-block normal-case text-left">
@@ -141,7 +141,7 @@ Displays the three different layout option menus.
                 <div class="layout-subtitle">
                     {i + 1}.
                 </div>
-                <Dropdown useCustomBtn={true} direction="right">
+                <Dropdown direction="right">
                     <svelte:fragment slot="label">
                         <div class="layout-item-block" style:box-shadow="unset">
                             <div class="layout-text-block normal-case text-left">

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
@@ -67,7 +67,7 @@
     <TextAppearanceSelector bind:this={textAppearanceSelector} vertOffset={NAVBAR_HEIGHT} />
 
     <!-- Collection Selector Menu -->
-    <CollectionSelector bind:this={collectionSelector} vertOffset={NAVBAR_HEIGHT} />
+    <CollectionSelector bind:this={collectionSelector} />
 
     <FontSelector bind:this={fontSelector} />
 </div>