search

ouija-io / ouija

Communicating with ghosts
http://ouija.io
BSD 3-Clause "New" or "Revised" License
128 stars 14 forks source link

Lack of indication to scroll for more comments to see #64

Closed GoOz closed 9 years ago

GoOz commented 10 years ago

When you have a lot of comments, you need to scroll down to see the hidden ones because of the Ouija's fixed height. That's fine but it needs to have some indication because the scrollbar is not visible by default (OSX's browser only i guess). See.

colinmacdonald commented 10 years ago

Agreed.

ntassone commented 10 years ago

+1. I've been experimenting with some options for this. Tricky part is making sure the overflow indicator can work on all kinds of themes.

friksa commented 10 years ago

+1

Maybe a vertical fade when there is an overflow. This is an example of something that fades horizontally. http://jsfiddle.net/Ff9JL/

ntassone commented 10 years ago

@friksa Thanks for the link, this is something I've considered before for this issue. The problem with using a gradient is that it won't adapt to darker themes. We can use a scss variable to make it easier for those using the custom dev setup but the quick plug and play on darker themes will have a glaring white gradient.

The webkit mask on the other hand is pretty awesome, though obviously not very well supported :(

GoOz commented 10 years ago

A SVG mask works pretty well and is well supported too… if you forget about IE :) See an example here

friksa commented 10 years ago

Since you have scrollbars in IE, it should be ok. The real issue is on the Mac where scroll bars are invisible until you actually scroll.