fix: apply details background only when details is an overlay (#10303) (#10306)

vaadin-bot · sissbruecker · web-flow · commit 83fccff2f54c · 2025-10-10T10:41:07.000+02:00
Co-authored-by: Sascha Ißbrücker &lt;sissbruecker@vaadin.com&gt;
diff --git a/packages/master-detail-layout/src/vaadin-master-detail-layout.js b/packages/master-detail-layout/src/vaadin-master-detail-layout.js
@@ -192,11 +192,8 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab
         background-color: rgba(0, 0, 0, 0.2);
       }
 
-      [part='detail'] {
-        background: #fff;
-      }
-
       :host(:is([drawer], [stack])) [part='detail'] {
+        background-color: #fff;
         box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
       }
 

Original file line number	Diff line number	Diff line change
`@@ -192,11 +192,8 @@ class MasterDetailLayout extends SlotStylesMixin(ResizeMixin(ElementMixin(Themab`
`192`	`192`	`background-color: rgba(0, 0, 0, 0.2);`
`193`	`193`	`}`
`194`	`194`
`195`		`- [part='detail'] {`
`196`		`- background: #fff;`
`197`		`- }`
`198`		`-`
`199`	`195`	`:host(:is([drawer], [stack])) [part='detail'] {`
	`196`	`+ background-color: #fff;`
`200`	`197`	`box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);`
`201`	`198`	`}`
`202`	`199`