I think it would be great if core-scroll-header-panel has shadow (like in core-header-panel in waterfall mode, for example) when on scroll condensed header is kept. Because content could be under this header. And I think we should show this with shadow. (like in waterfall mode of core-header-panel).
Next, I would like to express my thoughts about polymer elements with one example.
Let's look on core-header-panel (chp) and core-scroll-header-panel (cshp).
First one provides lot of different modes:
standard, seamed, waterfall, waterfall-tall – has content below header. You can't scroll content pointing mouse over header and using mouse wheel.
scroll - has content below header, but you can scroll content pointing mouse over header, because header is a part of a content. But header will be scrolled away with content and you can see it again only if you scroll to the top.
cover - has content over header. You can scroll content pointing mouse over header. But this mode is more different from others visually.
The second one (cshp) doesn't have modes. But it has some properties.
By default cshp is similar to scroll mode of chp. But the header is above or on top (z-index) of the content. And header will be shown again as soon as you scroll content up, even if it is not the top.
The most interesting property is keepCondensedHeader. With this property cshp looks like waterfall mode of chp. But the header could be on top of the content (waterfallchp is always on top) so you can theoretically scroll content pointing mouse over header (by default you can't, but this is not a huge problem, in chp with waterfall mode seems like its almost impossible).
So, i think, that if you want to have header looks like waterfall mode, you'd better use cshp with keepCondensedHeader property. And workaround for scrolling content pointing mouse over header (see temp solution in #1).
So, choosing element for your purposes in this case is not a very easy deal.
But back to the original issue: cshp header can be over content (by z-index), but there is no shadow in this case, so it doesn't look good, i think.
I think it would be great if
core-scroll-header-panelhas shadow (like incore-header-panelinwaterfallmode, for example) when on scroll condensed header is kept. Because content could be under this header. And I think we should show this with shadow. (like in waterfall mode of core-header-panel).Next, I would like to express my thoughts about polymer elements with one example.
Let's look on
core-header-panel(chp) andcore-scroll-header-panel(cshp). First one provides lot of different modes:standard,seamed,waterfall,waterfall-tall– has content below header. You can't scroll content pointing mouse over header and using mouse wheel.scroll- has content below header, but you can scroll content pointing mouse over header, because header is a part of a content. But header will be scrolled away with content and you can see it again only if you scroll to the top.cover- has content over header. You can scroll content pointing mouse over header. But this mode is more different from others visually.The second one (
cshp) doesn't have modes. But it has some properties. By defaultcshpis similar toscrollmode ofchp. But the header is above or on top (z-index) of the content. And header will be shown again as soon as you scroll content up, even if it is not the top. The most interesting property iskeepCondensedHeader. With this propertycshplooks likewaterfallmode ofchp. But the header could be on top of the content (waterfallchpis always on top) so you can theoretically scroll content pointing mouse over header (by default you can't, but this is not a huge problem, inchpwithwaterfallmode seems like its almost impossible). So, i think, that if you want to have header looks likewaterfallmode, you'd better usecshpwithkeepCondensedHeaderproperty. And workaround for scrolling content pointing mouse over header (see temp solution in #1). So, choosing element for your purposes in this case is not a very easy deal.But back to the original issue:
cshpheader can be over content (by z-index), but there is no shadow in this case, so it doesn't look good, i think.What do you think about this?