The issue has been closed

Transform repository navigation to a simple `overflow-y: scroll` #4286

fregante posted onGitHub

Instead of items disappearing in more-dropdown, I'd rather be able to scroll the nav bar horizontally natively:

gif

I'd do away with the dropdown completely, extracting all the items back out instead of hiding them like more-dropdown does.

Unfortunately I don’t think this change would be welcome for users who don't have a horizontal scrolling mousewheel/trackpad, and I know Sindre doesn't like showing all the items on the bar, so this issue is just for tracking/discussion.

This can currently be achieved by disabling more-dropdown + this CSS:

.js-responsive-underlinenav {
    padding-right: 0 !important;
}
.js-responsive-underlinenav-item {
    visibility: visible !important;
}
.UnderlineNav-actions  {
    display: none;
}
.UnderlineNav-body {
    overflow-y: scroll;
}
.UnderlineNav-body::-webkit-scrollbar {
    height: 0;
    width: 0;
}

posted by fregante almost 4 years ago

I'm -0 about this. I don't like it, but I also don't feel strongly about it.

posted by sindresorhus almost 4 years ago

If I remember correctly, that's how GitHub used to do on mobile web page. It feels natural on mobile devices to swipe around.

Now that they choose to use a dropdown, I think we should stick to it.

posted by kidonng almost 4 years ago

While I'm at it, here's a related "refinement" that won't be part of Refined GiHub 😃

.UnderlineNav-octicon {
    margin-right: 0 !important;
}
.UnderlineNav-item [data-content] {
    display: none;
}

posted by fregante almost 4 years ago

Fund this Issue

$0.00

Funded

Pull requests

Transform repository navigation to a simple `overflow-y: scroll` #4286

Company

Community

Support

Connect