css fixes

diff --git a/frontend/src/lib/Datepicker.svelte b/frontend/src/lib/Datepicker.svelte
index fa9672641db62cdff04d82efd1d95d63967a24ae..1e4c772c8cef08f3747b77766cdcd5511f8efb7e 100644 (file)
--- a/frontend/src/lib/Datepicker.svelte
+++ b/frontend/src/lib/Datepicker.svelte
@@ -279,13 +279,8 @@
        .datepicker {
                display: inline-block;
                font-family: Arial, sans-serif;
-               /* border: 1px solid #ececec77; */
                border-radius: 8px;
-               /* overflow: hidden; */
-               /* width: 300px; */
                box-sizing: border-box;
-               /* backdrop-filter: blur(8px) saturate(150%);
-               background-color: rgba(219, 219, 219, 0.45); */
        }
        .datepicker-header {
                display: flex;

diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
index 48b08b60cc081efd956f0e4c7dfcbf2d0b76e1c3..0e7265ab3f297b6f9d9390c7387836047ed8db30 100644 (file)
--- a/frontend/src/routes/(authed)/+layout.svelte
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -32,7 +32,8 @@
                faCheck,
                faSun,
                faMoon,
-               faCircleUp
+               faCircleUp,
+               faBars
        } from '@fortawesome/free-solid-svg-icons';
        import Tag from '$lib/Tag.svelte';
        import SelectTimezone from '$lib/SelectTimezone.svelte';
@@ -1116,11 +1117,11 @@
                                                type="button"
                                                data-bs-toggle="offcanvas"
                                                data-bs-target="#sidenav"
-                                               aria-controls="sidenav">menü</button
+                                               aria-controls="sidenav"><Fa icon={faBars} /></button
                                        >
                                {/if}
 
-                               <div class="form-check form-switch d-flex flex-row">
+                               <div class="selectMode form-check form-switch d-flex flex-row">
                                        <label class="me-3" for="selectMode"><Fa icon={faPencil} size="1.5x" /></label>
                                        <div class="form-check form-switch">
                                                <input
@@ -2596,6 +2597,19 @@
 </div>
 
 <style>
+       :global(body[data-bs-theme='dark'] .multiselect) {
+               background: #212529 !important;
+               border: 1px solid #212529 !important;
+       }
+
+       :global(body[data-bs-theme='dark'] .multiselect > ul) {
+               background: #212529 !important;
+       }
+
+       :global(.multiselect.disabled) {
+               color: grey !important;
+       }
+
        #settingsTabGroup > button {
                transition: text-decoration 0.3s ease;
        }
@@ -2715,6 +2729,10 @@
                width: min-content;
        }
 
+       .selectMode > label {
+               cursor: pointer;
+       }
+
        #selectMode:checked {
                border-color: #da880e;
                background-color: #da880e;