From: PhiTux <redacted>
Date: Thu, 18 Sep 2025 16:17:17 +0000 (+0200)
Subject: partial fix for blur of modals
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=4684025718c0613b449676013e72e37e5ee72577;p=DailyTxT.git

partial fix for blur of modals
---

diff --git a/frontend/src/lib/TagModal.svelte b/frontend/src/lib/TagModal.svelte
index 0fafb9b..cca33c8 100644
--- a/frontend/src/lib/TagModal.svelte
+++ b/frontend/src/lib/TagModal.svelte
@@ -191,14 +191,4 @@
 	.removeBtn:hover {
 		color: #dc3545;
 	}
-
-	:global(.modal.show) {
-		background-color: rgba(80, 80, 80, 0.1) !important;
-		backdrop-filter: blur(2px) saturate(150%);
-	}
-
-	.modal-content {
-		backdrop-filter: blur(8px) saturate(150%);
-		background-color: rgba(219, 219, 219, 0.45);
-	}
 </style>
diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
index 6b070e5..5fdc406 100644
--- a/frontend/src/routes/(authed)/+layout.svelte
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -1053,7 +1053,7 @@
 			<div class=" col-lg-4 col-sm-2 col d-flex flex-row justify-content-center align-items-center">
 				<div class="full-logo d-flex align-items-center">
 					<img src={dailytxt} alt="" height="38px" />
-					<span class="dailytxt ms-2">DailyTxT</span>
+					<span class="dailytxt ms-2 user-select-none">DailyTxT</span>
 				</div>
 			</div>
 
@@ -1945,7 +1945,10 @@
 										{/if}
 										{#if changingPasswordSuccess}
 											<div class="alert alert-success mt-2" role="alert" transition:slide>
-												{@html $t('settings.password.success')}
+												{$t('settings.password.success')}
+											</div>
+											<div class="alert alert-danger mt-2" role="alert" transition:slide>
+												{$t('settings.password.success_backup_codes_warning')}
 											</div>
 										{/if}
 										{#if changingPasswordIncorrect}
diff --git a/frontend/src/routes/(authed)/write/+page.svelte b/frontend/src/routes/(authed)/write/+page.svelte
index 09dd005..a0fc369 100644
--- a/frontend/src/routes/(authed)/write/+page.svelte
+++ b/frontend/src/routes/(authed)/write/+page.svelte
@@ -1822,11 +1822,6 @@
 		transition: all ease 0.2s;
 	}
 
-	:global(.modal.show) {
-		background-color: rgba(80, 80, 80, 0.1) !important;
-		backdrop-filter: blur(2px) saturate(150%);
-	}
-
 	.modal-content {
 		backdrop-filter: blur(8px) saturate(150%);
 		background-color: rgba(219, 219, 219, 0.45);
diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index 474c3db..63cd5b1 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -120,7 +120,9 @@
 				aria-atomic="true"
 			>
 				<div class="d-flex">
-					<div class="toast-body">Noch {available_backup_codes} Backup-Codes verfügbar!</div>
+					<div class="toast-body">
+						{tolgee.t('toast.password.available_backup_codes', { count: available_backup_codes })}
+					</div>
 					<button
 						type="button"
 						class="btn-close me-2 m-auto"
@@ -134,6 +136,10 @@
 </main>
 
 <style>
+	:global(.toast-container) {
+		z-index: 9999;
+	}
+
 	main {
 		height: 100vh;
 	}
@@ -150,17 +156,26 @@
 		height: 100%;
 	}
 
+	:global(.modal.show) {
+		background-color: rgba(0, 0, 0, 0.3) !important;
+	}
+
+	:global(.modal-content) {
+		backdrop-filter: blur(20px) saturate(150%);
+		background-color: rgba(83, 83, 83, 0.85) !important;
+		border: 1px solid rgba(255, 255, 255, 0.2);
+		color: #ececec;
+	}
+
 	:global(.glass) {
-		backdrop-filter: blur(12px) saturate(130%);
-		/* background-color: rgba(219, 219, 219, 0.45); */
-		background-color: rgba(83, 83, 83, 0.73);
+		backdrop-filter: blur(14px) saturate(130%);
+		background-color: rgba(83, 83, 83, 0.8);
 		border: 1px solid #62626278;
 		color: #ececec;
 	}
 
 	:global(.glassLight) {
 		backdrop-filter: blur(8px) saturate(130%);
-		/* background-color: rgba(219, 219, 219, 0.45); */
 		background-color: rgba(83, 83, 83, 0.445);
 		border: 1px solid #62626278;
 		color: #ececec;