question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Add a condensed-navigation-tab option

See original GitHub issue

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

Issue Analytics

  • State:open
  • Created 2 years ago
  • Comments:6 (5 by maintainers)

github_iconTop GitHub Comments

2reactions
yakov116commented, Sep 30, 2021

Do you mean the below?

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

Screen Shot 1
.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_

1reaction
fregantecommented, Feb 14, 2022

Maybe we can enable these styles on small screens

I like that. I’d rather hide the labels than hide everything in the dropdown, especially on a phone screen.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Change what appears on the Navigation Bar - Microsoft Support
On the Navigation Bar, click Navigation Options button on the Navigation Bar . · Click Navigation Options. To change how many views appear,...
Read more >
How to add a Navbar to your site - Super.so
To add a customizable navbar to your Super site, head to your site's dashboard and select Navbar where you will access all navbar...
Read more >
Building Accessible Menu Systems - Smashing Magazine
The <nav> is recursively labeled by the heading using aria-labelledby . This means "products navigation" will be announced in most screen ...
Read more >
NavBarAddOn < Plugins < TWiki
Add tabbed navigation bars to TWiki topics. A navigation bar can be defined once for a set of topics and then simply included...
Read more >
Change Tabs settings in Safari on Mac - Apple Support
Keep tabs in a separate tab bar, or move them into the toolbar. Choose one of the following: Separate: Tabs remain in the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found