app-layout icon indicating copy to clipboard operation
app-layout copied to clipboard

@media print rule needed in app-header-layout?

Open robrez opened this issue 9 years ago • 2 comments

when using browser's native print, position: fixed header inside app-header-layout shows up.. in its current position w/ regard to document scroll pos.

eg:

  content
  content
--------------
Hai toolbar
--------------
  content

This rule added app-header-layout may be a good start..

  @media print {
    :host > ::content > app-header,
    :host > ::content > [underlay-content] {
      position: absolute;
    }
  }

robrez avatar Mar 10 '16 16:03 robrez

Your content is in the light DOM, so you could do this:

 @media print {
    app-header,
    [underlay-content] {
      position: absolute;
    }
  }

blasten avatar Mar 10 '16 18:03 blasten

@blasten thanks!

robrez avatar Mar 10 '16 18:03 robrez