Fix incorrect positioning of notifications (#25499)

* refactor styles to remove direction properties and use flex instead

* Add changeset

---------

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
This commit is contained in:
Florian C. Wachmann
2025-07-21 17:22:57 +02:00
committed by GitHub
parent cc29b626ab
commit c101cde213
2 changed files with 8 additions and 6 deletions

View File

@@ -0,0 +1,5 @@
---
'@directus/app': patch
---
Fixed an issue that could cause the notifications to be rendered in the wrong location

View File

@@ -41,13 +41,10 @@ const queue = toRefs(notificationsStore).queue;
inset-block-start: 0;
inset-inline: 8px;
z-index: 50;
display: flex;
flex-direction: column;
align-items: end;
inline-size: 256px;
direction: rtl;
> *,
> :deep(*) {
direction: ltr;
}
&.sidebar-open {
inset-block: auto 76px;