Enter a directory / file by clicking its row in the file manager #3281

[role="rowheader"] .js-navigation-open {
  display: inline-block;
  width: 100%;
}

Note this affect commit lists too.

This style extends the clickable area to the left side of the commit message, which IMO is acceptable (but may feel strange and hard to discover?)

I don't think we need to make the full row clickable, just the left side (from icon to commit message) would be fine (at least for me). Though I have no idea how to tell people which area is clickable in an elegant way as well.

We can do that for the commit message later. Usually commit messages are long. For a start we can do it for file names I think.

just the left side (from icon to commit message)

That sounds like what it already is, can you post a mockup of the clickable area you have in mind?

Also we can't include the icon because of edit-files-faster

We can do that for the commit message later

It's about consistency; why would the whitespace next to the filename be clickable while the whitespace next to the commit title isn't? As a user, they're feel the same.

Sorry I didn't make it clear, the icon isn't included.

You can check out the CSS above, which I'm currently using.

@kidonng yeah this is what it looks like with your CSS (+background)

<img width="271" src="https://user-images.githubusercontent.com/1402241/86257583-07f48d00-bbba-11ea-9403-278adbbcda18.png">

So https://github.com/sindresorhus/refined-github/issues/3281#issuecomment-652462532 still applies.

This is not worth the CSS mess that this requires. The truncate class makes this even more difficult