From: PhiTux <redacted>
Date: Sun, 28 Sep 2025 16:51:40 +0000 (+0200)
Subject: css fixes
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=ae463dee5d5e87e0341957470c25349df6cef3ad;p=DailyTxT.git

css fixes
---

diff --git a/frontend/src/lib/Datepicker.svelte b/frontend/src/lib/Datepicker.svelte
index fa96726..1e4c772 100644
--- 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 48b08b6..0e7265a 100644
--- 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;