We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Mozilla 도움말 검색

고객 지원 사기를 피하세요. 저희는 여러분께 절대로 전화를 걸거나 문자를 보내거나 개인 정보를 공유하도록 요청하지 않습니다. "악용 사례 신고"옵션을 사용하여 의심스러운 활동을 신고해 주세요.

자세히 살펴보기

Hide Tab bar if there is only one tab

  • 12 답장
  • 7 이 문제를 만남
  • 1 보기
  • 최종 답변자: Iceberg_

more options

Hello!

I have been using this userChrome.css code to hide the tab bar if there is only one tab (on Windows):

tab:only-of-type, tab:only-of-type + #tabs-newtab-button {

   display: none !important;

}

#tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
   min-height: 0 !important;

}

Since one of the recent Firefox updates, this code does no longer work. Maybe because there is a new element in the tab bar: A drop-down list at the right.

Any idea how to make the above code work again?

Peter

Hello! I have been using this userChrome.css code to hide the tab bar if there is only one tab (on Windows): tab:only-of-type, tab:only-of-type + #tabs-newtab-button { display: none !important; } #tabbrowser-tabs, #tabbrowser-arrowscrollbox, #tabbrowser-tabs > .tabbrowser-arrowscrollbox { min-height: 0 !important; } Since one of the recent Firefox updates, this code does no longer work. Maybe because there is a new element in the tab bar: A drop-down list at the right. Any idea how to make the above code work again? Peter

글쓴이 peter596 수정일시

선택된 해결법

This code would probably be better as in 110 support for first-visible-tab and last-visible-tab is removed (#1808661).

/* Hide Tab bar with only one Tab - [110] */
#tabbrowser-tabs .tabbrowser-tab:only-of-type,
#tabbrowser-tabs .tabbrowser-tab:only-of-type + #tabbrowser-arrowscrollbox-periphery{
  display:none !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {min-height:0!important;}
/* #TabsToolbar:not(:hover) */ #alltabs-button {display:none !important;}

문맥에 따라 이 답변을 읽어주세요 👍 3

모든 댓글 (12)

more options

You can set browser.tabs.tabmanager.enabled = false on the about:config page to hide the "List all tabs" (Tab Manager) button.

You can open the about:config page via the location/address bar. On the warning page, you can click "Accept the Risk and Continue"to open about:config.

Firefox 106+ has a "Firefox View" button at the left end of the Tab bar that you can remove via "Remove from Tab Bar" via the right-click context menu.

more options

Thanks for the quick help! I have set browser.tabs.tabmanager.enabled = false, and indeed the dropdown button at the right has disappeared. But the + button at the left is still there, so the tab bar still does not disappear. It looks like this

tab:only-of-type, tab:only-of-type + #tabs-newtab-button {

  display: none !important;

}

does no longer work with the current Firefox version. Some change or replacement is needed for this code.

more options

Try this code in userChrome.css with the Firefox View button and the the "List all tabs" (Tab Manager) button hidden/removed.

tab[first-visible-tab=true][last-visible-tab=true],
tab[first-visible-tab=true][last-visible-tab=true] + #tabbrowser-arrowscrollbox-periphery{
  display:none!important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {min-height: 0 !important;}

more options

This works. Thanks a lot!

more options

I had the same problem with FF106 and cor-el's solution worked for me as well. Many thanks.

more options

I have this problem again, having just upgraded to Firefox 110, despite having the code above. Can anyone offer an updated solution please ?

more options

I solved with this code:

#tabbrowser-tabs .tabbrowser-tab:only-of-type,
tab[first-visible-tab=true][last-visible-tab=true],
tab[first-visible-tab=true][last-visible-tab=true] + #tabbrowser-arrowscrollbox-periphery { 
  visibility: collapse !important; }
#tabbrowser-tabs, 
#tabbrowser-arrowscrollbox {
  min-height: 0 !important; }

글쓴이 cor-el 수정일시

more options

선택된 해결법

This code would probably be better as in 110 support for first-visible-tab and last-visible-tab is removed (#1808661).

/* Hide Tab bar with only one Tab - [110] */
#tabbrowser-tabs .tabbrowser-tab:only-of-type,
#tabbrowser-tabs .tabbrowser-tab:only-of-type + #tabbrowser-arrowscrollbox-periphery{
  display:none !important;
}
#tabbrowser-tabs, #tabbrowser-arrowscrollbox {min-height:0!important;}
/* #TabsToolbar:not(:hover) */ #alltabs-button {display:none !important;}

글쓴이 cor-el 수정일시

more options

Thanks Iceberg, your solution worked for me.

more options

Iceberg's solution worked for me, thanks.

more options

If both solutions work, what makes one "better"? Shorter? Faster? More durable for the future? Just trying to understand and learn a little.

more options

The cor-el code is better. As first-visible-tab and last-visible-tab were removed from version 110 of Firefox. There is only first-visible-unpinned-tab. I don't know if it is better display: none or visibility:collapse. They seem to work both well.