Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
robrez opened this issue Mar 10, 2016 · 2 comments
Open

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

robrez opened this issue Mar 10, 2016 · 2 comments

Comments

@robrez
Copy link
Contributor

robrez commented Mar 10, 2016

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;
    }
  }
@blasten
Copy link
Contributor

blasten commented Mar 10, 2016

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

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

@robrez
Copy link
Contributor Author

robrez commented Mar 10, 2016

@blasten thanks!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants