From 11eb4153fac217fcd35dc3318e5cd92d42a588ea Mon Sep 17 00:00:00 2001
From: David Battersby <info@davidbattersby.com>
Date: Fri, 12 Apr 2024 15:49:23 +0800
Subject: [PATCH] UX: prevent toasts from covering header (#26615)

This change prevents toast notifications from blocking the header and user navigation on both desktop and mobile.
---
 app/assets/stylesheets/common/float-kit/d-toasts.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/float-kit/d-toasts.scss b/app/assets/stylesheets/common/float-kit/d-toasts.scss
index f3c785982af..5bbaf8e4938 100644
--- a/app/assets/stylesheets/common/float-kit/d-toasts.scss
+++ b/app/assets/stylesheets/common/float-kit/d-toasts.scss
@@ -8,7 +8,7 @@
   --transform-y: 0;
 
   position: fixed;
-  top: 5px;
+  top: calc(var(--header-offset) + 0.33rem);
   right: 5px;
   z-index: z("max");
   display: flex;