Add a condensed-navigation-tab option #4836

ssbarnea posted onGitHub

Description

For people that use screen in portrait mode or split screens that tab-navigation-bar is often too small to include all useful links, especially when bugs are separated from issues.

We should have an option to enable a more condensed more where one of the following measures could be used:

less spacing between buttons
Remove text for most common options as we already have icons
Replace text with shorter version, like Pull Requests could easily be PRs.

Screenshot

No response

Example URL

https://github.com/sindresorhus/refined-github

Do you mean the below?

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

<img width="539" alt="Screen Shot 1" src="https://user-images.githubusercontent.com/1402241/116839634-4e14e580-abfd-11eb-9ec7-e1f3c1f187ae.png">
.UnderlineNav-octicon {
   margin-right: 0 !important;
}
.UnderlineNav-item [data-content] {
   display: none;
}

Originally posted by @fregante in https://github.com/sindresorhus/refined-github/issues/4286#issuecomment-831005339

posted by yakov116 over 3 years ago

Very close to this but you will discover that while making the button smaller the ones that were hidden to dropdown menu to not come after them, they remain into the dropdown.

Basically it does declutter the UI a little bit but without making the options that did not originally fit back.

posted by ssbarnea over 3 years ago

Fund this Issue

$0.00

Funded

Only logged in users can fund an issue

Pull requests

Do you want to work on this issue?

Add a condensed-navigation-tab option #4836

Description

Screenshot

Example URL

Company

Community

Support

Connect