several small fixes

diff --git a/frontend/src/lib/Datepicker.svelte b/frontend/src/lib/Datepicker.svelte
index baa7cfab6d6a65e0c9e1d31b06568db11ff0b0f1..55dd4bb1b5e4346e04850e5212c092dbccc66f75 100644 (file)
--- a/frontend/src/lib/Datepicker.svelte
+++ b/frontend/src/lib/Datepicker.svelte
@@ -80,6 +80,10 @@
        const onDateClick = (date) => {
                $selectedDate = date;
 
+               closeOffcanvas();
+       };
+
+       const closeOffcanvas = () => {
                // close offcanvas/sidenav if open
                if (oc) {
                        const bsOffcanvas = bootstrap.Offcanvas.getInstance(oc);
@@ -149,7 +153,6 @@
        let swipeStartY = 0;
        let swipeLastX = 0;
        const SWIPE_THRESHOLD = 60; // required horizontal distance
-       const MAX_VERTICAL_DRIFT = 55; // abort if vertical movement dominates
 
        function onTouchStart(e) {
                if (e.touches.length !== 1) return;
@@ -279,6 +282,7 @@
                                                month: new Date().getMonth() + 1,
                                                year: new Date().getFullYear()
                                        };
+                                       closeOffcanvas();
                                }}>{$t('calendar.button_today')}</button
                        >
                </div>
@@ -500,9 +504,9 @@
                -webkit-appearance: textfield;
                -moz-appearance: textfield;
                appearance: textfield;
-               width: 60px; /* Angepasste Breite */
-               padding: 2px 4px; /* Schmalere Paddings */
-               padding-right: 20px; /* Platz für die Pfeile */
+               width: 60px;
+               padding: 2px 4px;
+               padding-right: 20px;
        }
 
        .year-input::-webkit-inner-spin-button,

diff --git a/frontend/src/lib/ImageViewer.svelte b/frontend/src/lib/ImageViewer.svelte
index 4526fc4d7c5e2a2db7c7995332c0d7569582b526..49fd5834b34649463285e71b56bc446fff4f0ad7 100644 (file)
--- a/frontend/src/lib/ImageViewer.svelte
+++ b/frontend/src/lib/ImageViewer.svelte
@@ -177,7 +177,6 @@
        </div>
 {/if}
 
-<!-- <div class="image-gallery"> -->
 <div class="horizontal-scroll px-2">
        {#each images as image, index (image.uuid_filename)}
                <button
@@ -271,7 +270,6 @@
 
        .image-thumb-wrapper {
                position: relative;
-               width: 150px;
                height: 100px;
                display: flex;
                align-items: center;

diff --git a/frontend/src/lib/Sidenav.svelte b/frontend/src/lib/Sidenav.svelte
index 544c976fb8943091c7b780f15459fca900e5acb3..3d0a36852de7d66e884fa1b44605fbdd331e930b 100644 (file)
--- a/frontend/src/lib/Sidenav.svelte
+++ b/frontend/src/lib/Sidenav.svelte
@@ -452,6 +452,10 @@
 </div>
 
 <style>
+       .list-group-item-action {
+               color: inherit !important;
+       }
+
        .btnSearchPopover {
                border-bottom-left-radius: 0px;
        }

diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index 0aef40b94c15009576a7704d4985cb5a1bddfde8..64f213b2cad2d648a3d8507895748fdada5b22d1 100644 (file)
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -63,7 +63,7 @@
                                /Mobi|Android/i.test(navigator.userAgent));
 
                tinyMDE = new TinyMDE.Editor({ element: 'editor', content: '' });
-               let commandBar = new TinyMDE.CommandBar({ element: 'toolbar', editor: tinyMDE });
+               new TinyMDE.CommandBar({ element: 'toolbar', editor: tinyMDE });
                document.getElementsByClassName('TinyMDE')[0].classList.add('focus-ring');
 
                tinyMDE.addEventListener('change', (event) => {
@@ -79,7 +79,7 @@
 
                // enable popovers
                const popoverTriggerList = document.querySelectorAll('[data-bs-toggle="popover"]');
-               const popoverList = [...popoverTriggerList].map(
+               [...popoverTriggerList].map(
                        (popoverTriggerEl) =>
                                new bootstrap.Popover(popoverTriggerEl, { trigger: 'focus', html: true })
                );
@@ -1138,7 +1138,6 @@
                if (historySelected < 0 || historySelected >= history.length) return;
 
                currentLog = history[historySelected].text;
-               //logDateWritten = history[historySelected].date_written;
 
                tinyMDE.setContent(currentLog);
                tinyMDE.setSelection({ row: 0, col: 0 });
@@ -2310,6 +2309,18 @@
                word-break: break-word;
        }
 
+       @media screen and (max-height: 800px) {
+               #editor {
+                       height: 350px;
+               }
+       }
+
+       @media screen and (max-width: 600px) {
+               #editor {
+                       height: 300px;
+               }
+       }
+
        :global(.TinyMDE) {
                border: 1px solid lightgreen;