From: PhiTux <redacted>
Date: Wed, 8 Oct 2025 17:04:02 +0000 (+0200)
Subject: several small fixes
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=361ea49280d79a4f5e1184c4b8407da5b8a40aff;p=DailyTxT.git

several small fixes
---

diff --git a/frontend/src/lib/Datepicker.svelte b/frontend/src/lib/Datepicker.svelte
index baa7cfa..55dd4bb 100644
--- 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 4526fc4..49fd583 100644
--- 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 544c976..3d0a368 100644
--- 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 0aef40b..64f213b 100644
--- 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;