From ca1c3cdc8d64dcfc6b3fc56fe778863f07ca11c1 Mon Sep 17 00:00:00 2001
From: Xavier Julian <xavier.julian@kaleidos.net>
Date: Mon, 11 May 2026 13:25:39 +0200
Subject: [PATCH] :tada: Add flyout and semantic improvements to main toolbar

---
 .../src/app/main/ui/ds/tool_toolbar/tool_toolbar.scss  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app/main/ui/ds/tool_toolbar/tool_toolbar.scss b/frontend/src/app/main/ui/ds/tool_toolbar/tool_toolbar.scss
index 23011294b6..bb0d90e963 100644
--- a/frontend/src/app/main/ui/ds/tool_toolbar/tool_toolbar.scss
+++ b/frontend/src/app/main/ui/ds/tool_toolbar/tool_toolbar.scss
@@ -20,7 +20,7 @@
   cursor: initial;
   box-sizing: border-box;
   position: absolute;
-  left: 50%;
+  inset-inline-start: 50%;
   transform: translateX(-50%);
   display: flex;
   align-items: center;
@@ -34,7 +34,7 @@
     top 0.3s,
     height 0.3s,
     opacity 0.3s;
-  top: calc(var(--toolbar-position-y) + var(--toolbar-offset-y));
+  inset-block-start: calc(var(--toolbar-position-y) + var(--toolbar-offset-y));
 }
 
 .main-toolbar-no-rulers {
@@ -129,10 +129,10 @@
   visibility: hidden;
   pointer-events: none;
   position: absolute;
-  top: 140%;
-  left: 50%;
+  inset-block-start: 140%;
+  inset-inline-start: 50%;
   transform: translateX(-50%);
-  margin-top: var(--sp-xxs);
+  margin-block-start: var(--sp-xxs);
   padding: var(--sp-xxs) 0;
   border-radius: $br-8;
   border: 1px solid var(--menu-border-color);