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'])
