fix: ensure top controls have border in iframe examples (#4879)

vursen · sissbruecker · web-flow · commit cf83dc34c018 · 2025-12-03T10:20:47.000+01:00
Co-authored-by: Sascha Ißbrücker &lt;sissbruecker@vaadin.com&gt;
diff --git a/articles/components/_shared.adoc b/articles/components/_shared.adoc
@@ -68,6 +68,11 @@ endif::example-scale[]
   border: 1px solid var(--docs-divider-color-1);
 }
 
+.example:not(.mobile) .top-controls {
+  border-left: 1px solid var(--docs-divider-color-1);
+  border-bottom: 1px solid var(--docs-divider-color-1);
+}
+
 .example {
   --scale: {example-scale};
 }

Original file line number	Diff line number	Diff line change
`@@ -68,6 +68,11 @@ endif::example-scale[]`
`68`	`68`	`border: 1px solid var(--docs-divider-color-1);`
`69`	`69`	`}`
`70`	`70`
	`71`	`+.example:not(.mobile) .top-controls {`
	`72`	`+ border-left: 1px solid var(--docs-divider-color-1);`
	`73`	`+ border-bottom: 1px solid var(--docs-divider-color-1);`
	`74`	`+}`
	`75`	`+`
`71`	`76`	`.example {`
`72`	`77`	`--scale: {example-scale};`
`73`	`78`	`}`