align focus padding and border radius

haschek · haschek · commit 72b0e976562b · 2025-09-03T13:04:00.000+02:00
diff --git a/src/components/VisualTour/visualTour.scss b/src/components/VisualTour/visualTour.scss
@@ -1,7 +1,7 @@
 .#{$eccgui}-visual-tour {
     opacity: 1;
 
-    --#{$eccgui}-visual-tour-focus-padding: 5px;
+    --#{$eccgui}-visual-tour-focus-padding: #{0.5 * $eccgui-size-block-whitespace};
 }
 
 .#{$eccgui}-visual-tour__highlighted-element {
@@ -13,7 +13,7 @@
     position: absolute;
     box-sizing: border-box;
     border: 2px solid $eccgui-color-accent;
-    border-radius: 2 * $button-border-radius;
+    border-radius: var(--#{$eccgui}-visual-tour-focus-padding);
     box-shadow: 0 0 0 10000px $eccgui-color-modal-backdrop;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`.#{$eccgui}-visual-tour {`
`2`	`2`	`opacity: 1;`
`3`	`3`
`4`		`- --#{$eccgui}-visual-tour-focus-padding: 5px;`
	`4`	`+ --#{$eccgui}-visual-tour-focus-padding: #{0.5 * $eccgui-size-block-whitespace};`
`5`	`5`	`}`
`6`	`6`
`7`	`7`	`.#{$eccgui}-visual-tour__highlighted-element {`
`@@ -13,7 +13,7 @@`
`13`	`13`	`position: absolute;`
`14`	`14`	`box-sizing: border-box;`
`15`	`15`	`border: 2px solid $eccgui-color-accent;`
`16`		`- border-radius: 2 * $button-border-radius;`
	`16`	`+ border-radius: var(--#{$eccgui}-visual-tour-focus-padding);`
`17`	`17`	`box-shadow: 0 0 0 10000px $eccgui-color-modal-backdrop;`
`18`	`18`	`}`
`19`	`19`