Merge pull request #1745 from aaniya22/fix/blog-read-time-ui

sanjay-kv · web-flow · commit 785599cb82e1 · 2026-07-05T10:39:17.000+10:00
fix: move toast notification to bottom-right and update slide animation (#1716)
diff --git a/src/theme/Root.module.css b/src/theme/Root.module.css
@@ -1,7 +1,7 @@
 /* Base styles for the toast container */
 .toastContainer {
   position: fixed;
-  top: 20px;
+  top: 40px;
   right: 24px;
   border: 1px solid oklch(0.69 0 0);
   border-radius: 8px; /* Docusaurus --radius var is often 8px */
@@ -94,7 +94,7 @@
 @keyframes slideDownFadeOut {
   0% {
     opacity: 0;
-    transform: translateY(-10px) scale(0.95);
+    transform: translateY(10px) scale(0.95);
   }
   10%,
   90% {
@@ -103,6 +103,6 @@
   }
   100% {
     opacity: 0;
-    transform: translateY(-10px) scale(0.95);
+    transform: translateY(10px) scale(0.95);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`/* Base styles for the toast container */`
`2`	`2`	`.toastContainer {`
`3`	`3`	`position: fixed;`
`4`		`- top: 20px;`
	`4`	`+ top: 40px;`
`5`	`5`	`right: 24px;`
`6`	`6`	`border: 1px solid oklch(0.69 0 0);`
`7`	`7`	`border-radius: 8px; /* Docusaurus --radius var is often 8px */`
`@@ -94,7 +94,7 @@`
`94`	`94`	`@keyframes slideDownFadeOut {`
`95`	`95`	`0% {`
`96`	`96`	`opacity: 0;`
`97`		`- transform: translateY(-10px) scale(0.95);`
	`97`	`+ transform: translateY(10px) scale(0.95);`
`98`	`98`	`}`
`99`	`99`	`10%,`
`100`	`100`	`90% {`
`@@ -103,6 +103,6 @@`
`103`	`103`	`}`
`104`	`104`	`100% {`
`105`	`105`	`opacity: 0;`
`106`		`- transform: translateY(-10px) scale(0.95);`
	`106`	`+ transform: translateY(10px) scale(0.95);`
`107`	`107`	`}`
`108`	`108`	`}`