Show a drop shadow between pinned and non-pinned tabs

[kewisch]

I've sometimes thought "where did all my tabs go" just because it looked like a continuous list. Firefox has a nice subtle drop shadow between pinned and non-pinned tabs, which disappears if you are at the start of the tab list. Maybe this could be added here as well?

[kewisch]

I guess something like:

#tablist { 
  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.3); 
}

would do it, but this does not make it go away when scrolled to the top. I don't know if there is a fun pseudo-class for that kind of thing. Also maybe someone who is visually pedantic can fix the box shadow, there is a white area on the right side for me.

[dos1]

I'm using this:

#pinnedtablist {
  box-shadow: 0px 1px 0px hsla(0, 0%, 0%, 0.2);
  z-index: 1;
}
#pinnedtablist .tab:last-of-type {
  border-bottom: none;
}

[kewisch]

Ah yes, it works much better from the top! I'm using that now with slightly different pixel values, but I think it would still be good to make this default (along with removing the shadow when scrolled to top)

[eoger]

I believe this should be a good addition, marking as p2