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 サポートの検索

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

詳しく学ぶ

このスレッドはアーカイブに保管されました。 必要であれば新たに質問してください。

Multirow tabs

  • 2 件の返信
  • 2 人がこの問題に困っています
  • 21 回表示
  • 最後の返信者: shiftF12ATweb.de

more options

Hi. I am trying to bring back mi lovely multirow tabs. I've found some information on the web about CSS and file userChrome.css and maybe I could win this war, but Firefox is still beating me all the way :) 1. What I need: I need tabs in multiple rows (3 or 4). If tabs quantity is more than can fit in this rows I want an arrow buttons to scroll this list up and down. All other tabs should be out-of-bound of the tabs container. 2. What I've done:

I maid some changes in userChrome.css like this:
  1. tabbrowser-tabs .tabbrowser-arrowscrollbox {
 display: -webkit-flex !important;  
 height:calc(var(--tab-min-height)*3);

}

  1. tabbrowser-tabs .arrowscrollbox-scrollbox {
 display: -webkit-flex !important;
 /*flex-wrap: wrap !important; was not needed, -webkit-flex wrapped tabs*/
 height:calc(var(--tab-min-height)*2);
 width: 1200px !important;
 box-sizing: content-box;

}

3. What I've got: When I maid my humanity-less experiments in Browser inspector, everything was not so bad. I almost did what I want (see attached screenshot.8.png). I had a limited by 3 rows tab bar. Scroll buttons didn't react on single mouse click but double click scrolled something and somewhere (even with grayed left scroll button). But after Firefox restart I always getting the same: tabs panel looks strange, scroll buttons are absent (see screenshot.9.png). Nothing helps at all but only after comment-and-then-immediately-uncomment "display" property in "#tabbrowser-tabs .arrowscrollbox-scrollbox " section in userChrome.css using Browser inspector I get back to screenshot.8.png.

4. What I ask you: HEEELP! I've never did anything in web, html5 and CSS (learning it for the last 4 days). And I really can't understand different Firefox behavior after restart and then after "reDisplay". It seems like a bug. Help me not to break my keyboard :)

Hi. I am trying to bring back mi lovely multirow tabs. I've found some information on the web about CSS and file userChrome.css and maybe I could win this war, but Firefox is still beating me all the way :) 1. What I need: I need tabs in multiple rows (3 or 4). If tabs quantity is more than can fit in this rows I want an arrow buttons to scroll this list up and down. All other tabs should be out-of-bound of the tabs container. 2. What I've done: I maid some changes in userChrome.css like this: #tabbrowser-tabs .tabbrowser-arrowscrollbox { display: -webkit-flex !important; height:calc(var(--tab-min-height)*3); } #tabbrowser-tabs .arrowscrollbox-scrollbox { display: -webkit-flex !important; /*flex-wrap: wrap !important; was not needed, -webkit-flex wrapped tabs*/ height:calc(var(--tab-min-height)*2); width: 1200px !important; box-sizing: content-box; } 3. What I've got: When I maid my humanity-less experiments in Browser inspector, everything was not so bad. I almost did what I want (see attached screenshot.8.png). I had a limited by 3 rows tab bar. Scroll buttons didn't react on single mouse click but double click scrolled something and somewhere (even with grayed left scroll button). But after Firefox restart I always getting the same: tabs panel looks strange, scroll buttons are absent (see screenshot.9.png). Nothing helps at all but only after comment-and-then-immediately-uncomment "display" property in "#tabbrowser-tabs .arrowscrollbox-scrollbox " section in userChrome.css using Browser inspector I get back to screenshot.8.png. 4. What I ask you: HEEELP! I've never did anything in web, html5 and CSS (learning it for the last 4 days). And I really can't understand different Firefox behavior after restart and then after "reDisplay". It seems like a bug. Help me not to break my keyboard :)
添付されたスクリーンショット

すべての返信 (2)

more options

Oh, sorry!!! Firefox Quantum 62.0.3 (64-bit) Processor (if needed): AMD Ryzen 5 Huge amount of RAM.

more options