mirror of
https://github.com/MBombeck/HealthLog.git
synced 2026-11-09 04:50:59 +00:00
fix(coach): lift toasts clear of the panel's New chat button
Bottom toasts landed on the round New chat button for their whole lifetime, so the delete Undo blocked the next action. While the conversations panel is open, docked or as a sheet, bottom toasts rise by the button's footprint.
This commit is contained in:
1 parent
07f4961f27
commit
150ee7695c
1 file changed
+17
@@ -1054,3 +1054,20 @@
|
||||
scroll-behavior: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* ── Toasts clear the Coach's New chat button ────────────────────────
|
||||
* The Coach's conversations panel keeps its round New chat button in the
|
||||
* bottom-right corner, which is where every toast lands. While the panel is
|
||||
* open (docked or as a sheet), bottom toasts rise by the button's footprint
|
||||
* (48 px plus its 16 px inset) so a delete's Undo never covers it. The
|
||||
* selectors outrank sonner's own `bottom` rules, phone width included. */
|
||||
:root:has([data-slot="coach-conversations-panel"][data-state="open"])
|
||||
[data-sonner-toaster][data-y-position="bottom"] {
|
||||
bottom: calc(var(--offset-bottom) + 4rem);
|
||||
}
|
||||
@media (max-width: 600px) {
|
||||
:root:has([data-slot="coach-conversations-panel"][data-state="open"])
|
||||
[data-sonner-toaster][data-y-position="bottom"] {
|
||||
bottom: calc(var(--mobile-offset-bottom) + 4rem);
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user