X
Nhấn vào đây để đến phiên bản di động của trang web.

Diễn đàn trợ giúp

Firefox 70 show empty tab bar. How to hide it again?

Được đăng

Since updating to Firefox 70, the tab bar is shown even if there is only one tab (it just shows the + button then). Previously, the bar was hidden if there was only one tab. This previous behavior may depend on some setting, but I don't remember if I changed any setting for that. Have *no* Add-ons installed that affect tab visibility.

How to restore the old behaviour that tab bar is hidden if there is only one tab?

Since updating to Firefox 70, the tab bar is shown even if there is only one tab (it just shows the + button then). Previously, the bar was hidden if there was only one tab. This previous behavior may depend on some setting, but I don't remember if I changed any setting for that. Have *no* Add-ons installed that affect tab visibility. How to restore the old behaviour that tab bar is hidden if there is only one tab?

Giải pháp được chọn

It's not difficult to remove the + button as well, but does that help?

/* Hide solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
  visibility: collapse;
}
Đọc câu trả lời này trong ngữ cảnh 1
Trích dẫn

Chi tiết hệ thống bổ sung

Phần bổ trợ đã cài đặt

  • Shockwave Flash 32.0 r0

Ứng dụng

  • Chuỗi đại diện người dùng: Mozilla/5.0 (Windows NT 6.1; rv:70.0) Gecko/20100101 Firefox/70.0

Thông tin chi tiết

jscher2000
  • Top 10 Contributor
8837 giải pháp 72222 câu trả lời
Được đăng

Câu trả lời hữu ích

Hi xmarks1, Firefox hasn't had a setting to hide the tab bar with only one tab for a really long time. But you may have been using custom style rules in an optional userChrome.css file to accomplish that. Is that possible?

You probably can find an updated "recipe" on the following site:

https://www.reddit.com/r/FirefoxCSS/

Hi xmarks1, Firefox hasn't had a setting to hide the tab bar with only one tab for a really long time. But you may have been using custom style rules in an optional '''userChrome.css''' file to accomplish that. Is that possible? You probably can find an updated "recipe" on the following site: https://www.reddit.com/r/FirefoxCSS/
Bài viết này có hữu ích với bạn không? 1
Trích dẫn
cor-el
  • Top 10 Contributor
  • Moderator
17670 giải pháp 159841 câu trả lời
Được đăng

Câu trả lời hữu ích

You would need code in userChrome.css to hide the Tab bar with only one tab visible. If this code isn't working then you need to look for an update for Firefox 70.

Did this still work properly in Firefox 69 ?


In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.

You would need code in userChrome.css to hide the Tab bar with only one tab visible. If this code isn't working then you need to look for an update for Firefox 70. Did this still work properly in Firefox 69 ? ---- *https://www.userchrome.org/what-is-userchrome-css.html *https://www.userchrome.org/how-create-userchrome-css.html In Firefox 69 and later you need to set this pref to true on the <b>about:config</b> page to enable userChrome.css and userContent.css in the chrome folder. *toolkit.legacyUserProfileCustomizations.stylesheets = true *https://www.userchrome.org/firefox-changes-userchrome-css.html
Bài viết này có hữu ích với bạn không? 1
Trích dẫn

Người tạo câu hỏi

Ah, right. It is in userChrome.css:

#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] { visibility: collapse; }

This worked until Firefox 69. toolkit.legacyUserProfileCustomizations.stylesheets is enabled.

Ah, right. It is in userChrome.css: &#35;tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] { visibility: collapse; } This worked until Firefox 69. toolkit.legacyUserProfileCustomizations.stylesheets is enabled.
Bài viết này có hữu ích với bạn không?
Trích dẫn
jscher2000
  • Top 10 Contributor
8837 giải pháp 72222 câu trả lời
Được đăng

Giải pháp được chọn

It's not difficult to remove the + button as well, but does that help?

/* Hide solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] {
  visibility: collapse;
}
/* Hide New Tab Button immediately next to solo tab */
#tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton {
  visibility: collapse;
}
It's not difficult to remove the + button as well, but does that help? <pre>/* Hide solo tab */ #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] { visibility: collapse; } /* Hide New Tab Button immediately next to solo tab */ #tabbrowser-tabs tab[first-visible-tab="true"][last-visible-tab="true"] + toolbarbutton { visibility: collapse; } </pre>
Bài viết này có hữu ích với bạn không? 1
Trích dẫn

Người tạo câu hỏi

Yeah, that works. Thanks a lot!

Actually there was some more code, which I forgot to post:

#tabbrowser-tabs .tabs-newtab-button { visibility: collapse; } #tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox { min-height: 0 !important; }

And the first one of those is the one which no longer works with FF 70. So the .tabs-newtab-button needed to be replaced by tab + toolbarbutton.

Yeah, that works. Thanks a lot! Actually there was some more code, which I forgot to post: &#35;tabbrowser-tabs .tabs-newtab-button { visibility: collapse; } &#35;tabbrowser-tabs, #tabbrowser-tabs > .tabbrowser-arrowscrollbox { min-height: 0 !important; } And the first one of those is the one which no longer works with FF 70. So the <code>.tabs-newtab-button</code> needed to be replaced by <code>tab + toolbarbutton</code>.
Bài viết này có hữu ích với bạn không?
Trích dẫn
jscher2000
  • Top 10 Contributor
8837 giải pháp 72222 câu trả lời
Được đăng

There's probably a slight modification to .tabs-newtab-button class name in the latest version that would still work, but I'm not going to look it up at this point...

There's probably a slight modification to .tabs-newtab-button class name in the latest version that would still work, but I'm not going to look it up at this point...
Bài viết này có hữu ích với bạn không?
Trích dẫn
cor-el
  • Top 10 Contributor
  • Moderator
17670 giải pháp 159841 câu trả lời
Được đăng

This is no longer a class name, but has changed to an id: #tabs-newtab-button {}

This is no longer a class name, but has changed to an id: #tabs-newtab-button {}
Bài viết này có hữu ích với bạn không?
Trích dẫn
Đặt một câu hỏi

Bạn phải đăng nhập vào tài khoản của bạn để trả lời bài viết. Vui lòng bắt đầu một câu hỏi mới, nếu bạn chưa có tài khoản.