fix: aura app-layout content styles when drawer is closed (#10195)

jouni · web-flow · commit 09e3fe272b86 · 2025-09-19T11:15:16.000+03:00
diff --git a/packages/aura/src/components/app-layout.css b/packages/aura/src/components/app-layout.css
@@ -112,9 +112,9 @@ vaadin-app-layout:has([slot='navbar']):has([slot='drawer']) {
   }
 }
 
-vaadin-app-layout:has([slot='navbar']):has([slot='drawer']):not([overlay]):not([drawer-opened])
+vaadin-app-layout:has([slot='drawer']):not([overlay]):not([drawer-opened])
   > :nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])) {
-  border-inline-start-width: min(var(--aura-app-layout-inset), 1px);
+  border-inline-start-width: min(var(--aura-app-layout-inset), var(--_aura-mdl-border));
 }
 
 vaadin-app-layout:has([slot='navbar']):has([slot='drawer'])[drawer-opened]:not([overlay])
@@ -124,7 +124,7 @@ vaadin-app-layout:has([slot='navbar']):has([slot='drawer'])[drawer-opened]:not([
 
 vaadin-app-layout:has([slot='navbar']):has([slot='drawer'])
   > :nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])) {
-  border-top-width: 1px;
+  border-top-width: var(--_aura-mdl-border);
 }
 
 vaadin-app-layout:has([slot='navbar'])

Original file line number	Diff line number	Diff line change
`@@ -112,9 +112,9 @@ vaadin-app-layout:has([slot='navbar']):has([slot='drawer']) {`
`112`	`112`	`}`
`113`	`113`	`}`
`114`	`114`
`115`		`-vaadin-app-layout:has([slot='navbar']):has([slot='drawer']):not([overlay]):not([drawer-opened])`
	`115`	`+vaadin-app-layout:has([slot='drawer']):not([overlay]):not([drawer-opened])`
`116`	`116`	`> :nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])) {`
`117`		`- border-inline-start-width: min(var(--aura-app-layout-inset), 1px);`
	`117`	`+ border-inline-start-width: min(var(--aura-app-layout-inset), var(--_aura-mdl-border));`
`118`	`118`	`}`
`119`	`119`
`120`	`120`	`vaadin-app-layout:has([slot='navbar']):has([slot='drawer'])[drawer-opened]:not([overlay])`
`@@ -124,7 +124,7 @@ vaadin-app-layout:has([slot='navbar']):has([slot='drawer'])[drawer-opened]:not([`
`124`	`124`
`125`	`125`	`vaadin-app-layout:has([slot='navbar']):has([slot='drawer'])`
`126`	`126`	`> :nth-child(1 of :not([slot])):nth-last-child(1 of :not([slot])) {`
`127`		`- border-top-width: 1px;`
	`127`	`+ border-top-width: var(--_aura-mdl-border);`
`128`	`128`	`}`
`129`	`129`
`130`	`130`	`vaadin-app-layout:has([slot='navbar'])`