How to change the width of drawer in Vaadin AppLayout

Question

My class MainLayout extends AppLayout. I am using Vaadin 14. I added this to this class:

@CssImport(value = "./styles/drawer-styles.css", themeFor = "vaadin-app-layout")

I found 4 different solutions for this on Stackoverflow and Vaadin forum. I tested each one of these in the CSS-file drawer-styles.css. But none of them worked. How can this be solved?

Answer 1

T he following CSS should work in that stylesheet:

[part="drawer"] {
  width: whatever-you-want;
}