[ui] fix margin around devtool tooltip icon in rtl (withastro#11338)

ebfork · Jun 26, 2024 · 9752a0b · 9752a0b
1 parent 8fdbf0e
commit 9752a0b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/rare-singers-try.md b/.changeset/rare-singers-try.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Fixes svg icon margin in devtool tooltip title to look coherent in `rtl` and `ltr` layouts
diff --git a/packages/astro/src/runtime/client/dev-toolbar/ui-library/tooltip.ts b/packages/astro/src/runtime/client/dev-toolbar/ui-library/tooltip.ts
@@ -45,7 +45,7 @@ export class DevToolbarTooltip extends HTMLElement {
 
 			svg {
 				vertical-align: bottom;
-				margin-right: 4px;
+				margin-inline-end: 4px;
 			}
 
 			hr {
-Original file line number
+Diff line change
@@ Expand Up / @@ -45,7 +45,7 @@ export class DevToolbarTooltip extends HTMLElement { @@
     			svg {
     				vertical-align: bottom;
-    				margin-right: 4px;
+    				margin-inline-end: 4px;
     			}
     			hr {
@@ Expand Down @@