search

googlearchive / core-scroll-header-panel

Fancy scrolling effects where the header animates between tall and condensed states
19 stars 16 forks source link

Scrollbar is covered up by header element #44

Open Ajedi32 opened 9 years ago

Ajedi32 commented 9 years ago

If you look at the demo page for this component (using Chrome 42, in my case), you'll see that the scroll bar is covered up by the toolbar when the toolbar is visible. Not only is this ugly, but it also makes it impossible to scroll up using the buttons on the scrollbar, since as as soon as you click the up arrow once, the toolbar appears and prevents you from clicking it again.

Ajedi32 commented 9 years ago

Work around:

core-scroll-header-panel::shadow #headerContainer {
  margin-right: 17px;
}