FlowUI: print with Chrome browser

Support
#1

Hi,
I am using Flow UI. I need to disable lateral menu bar before printing with chrome.
I put in @media print this css:

#MainView {

      border: 5px solid blue;
      display: visible !important;
      overflow: visible !important;
      height: auto !important;
      width: auto !important;
      --_vaadin-app-layout-navbar-offset-size: 0px;
      --_vaadin-app-layout-navbar-offset-size-bottom: 0px;
      --_vaadin-app-layout-drawer-offset-size: 0px;
      --_vaadin-app-layout-drawer-scroll-size: auto;
   }

   .jmix-main-view-section, .jmix-main-view-application-title, .jmix-main-view-footer, .jmix-main-view-navigation {
      display: none;
      size: 0px;
   }

But the menu white space is still there in Chrome.
What can I do?
Thanks,
Mario

#3

I see now that, in Firefox, with same css the page prints correctly.

#4

Do I need to ask in Vaadin forum or it is a thing related to Jmix?

#5

Hello Mario!

Jmix does not affect overriding CSS styles. As menu bar is a part of AppLayout component, I can suggest to take a look at Vaadin doc about overriding component’s Shadow DOM styles.