search

cheshire137 / gh-notifications-snoozer

Lists and filters and snoozing pull requests, oh my! This is an app for managing your notifications on GitHub by way of filtering issues and pull requests that are of interest to you.
MIT License
15 stars 10 forks source link

Get rid of horizontal scrollbar in hidden tasks view #84

Closed cheshire137 closed 8 years ago

cheshire137 commented 8 years ago

Long filter names can cause the left column to have a horizontal scrollbar:

screen shot 2016-09-27 at 4 47 29 pm

I think using a class like is-three-quarters from Bulma -- see http://bulma.io/documentation/grid/columns/ -- will fix the horizontal scrollbar.

mattxwang commented 8 years ago

I might be looking at this issue wrong (let me know if I am), but if you just don't want to have a scrollbar, you can give the element a width and overflow-x:none;. More info here. In addition, you can force the text to wrap if you have a fixed-width element (e.g. the filter name div) using word-wrap: break-word;. Here is a good StackOverflow question explaining how to use it.

Good luck!

cheshire137 commented 8 years ago

Setting overflow-x: none would remove the scrollbar, but we have a little more horizontal real estate that we're not using well right now. The top area is split 50/50 between the title area that's getting cut off and a single button on the right. The button on the right doesn't need as much room as it's got right now, while the title area could use it so we don't have to 1) cut the text off or 2) force wrapping. 👍