Multi-row tab bar for Seamonkey 2.16?

[FourthDr]

I'd like to have multi-row tab bar instead of the scrolling one. I can't find an add-on that does this that is current and works with the latest version of SeaMonkey. There was code posted on this board for this purpose that could be added to the userchrome.css. But that code no longer works on the current build of SeaMonkey and I'm not a programmer, at least not one anywhere near good enough to add that feature. Any ideas? Is there an official place to request a feature that has any chance of actually getting into the next release?

[therube]

Link to the code?
(It was tonymec.)
As far as I could tell, it was something that he continues to use, currently.
If nothing else, you can reach him in #seamonkey.

[FourthDr]

Well, I tried it and saw nothing different. So I can only assume that the code no longer works. Especially since many things under the hood involved with programming SeaMonkey has changed since then. Such as function depreciation etc.. Tonymec, #seamonkey? You mean here on the board? Or on some irc channel??

[therube]

Link: Implement flowing tabs

And it looks to work:

[FourthDr]

Thanks! That seems to work. Although there is a strange "bookmark this page" icon in the right side of the address bar. Also seems to have changed my menus font to something odd. How would I turn that off? Too bad this has not been made into an add-on.

[therube]

Tony has far more in that file then just dealing with "flowing tabs", so if you picked up more, then you'll see more.
(When I test, that is how I did it.)

See if this part alone gives you flowing tabs without the other stuff?

Code: Select all

/***************************************************************
 *                           TABS                              *
 ***************************************************************/

/* ChatZilla tabs, see lower down under "CHATZILLA" */

/*
 * Don't display tabs in mail (3-pane) window
 * (commented out)
 *
.tabmail-strip
  { display:            none                    !important
  }
 */
/*
 * Implement flowing tabs
 * Since these elements have no ID or class until 2010-12-27, we have to use the
 * element names (pulled from the XUL code for the tabs chrome).
 *
 * also relevant are some or all of the following about:config prefs:
 *      browser.tabs.tabMaxWidth        user set        integer         300
 *      browser.tabs.tabMinWidth        user set        integer         16
 *      mail.tabs.tabMinWidth           user set        integer         150
 *
 * KNOWN BUG: tab drag-dropping only works if the drop is on the top row.
 */
tabbrowser:not(#tabmail) .tabbrowser-tabs > stack > vbox > hbox > hbox   /* until 2010-12-28 or before 2.1*  */
  { height:             auto                    !important
  ; width:              auto                    !important
  ; display:            block                   !important
  ; min-height:         18px                    !important
  ; max-height:         80px                    !important
  ; overflow:           visible                 !important
  }
/* the following are for SeaMonkey 2.1b2pre dated 2010-12-29, and later builds  */
/* (1) suggested by http://userstyles.org/styles/10989 "Tabs in multiple rows"  */
tabbrowser:not(#tabmail) .tabbrowser-arrowscrollbox
  { display:            block                   !important
  ; height:             auto                    !important
  ; width:              auto                    !important
  ; overflow:           visible                 !important
  }
/* (2) the following is necessary: apparently SeaMonkey has "overflow:hidden"   */
/*     at some inner level where Firefox has nothing, or maybe "inherit".       */
tabbrowser:not(#tabmail) .tabbrowser-arrowscrollbox .arrowscrollbox-scrollbox
  { display:            block                   !important
  ; height:             auto                    !important
  ; width:              auto                    !important
  ; overflow:           visible                 !important
  ; -moz-binding:       none                    !important
  }
/* (3) if we see all tabs, no scrollbuttons are necessary. This also frees      */
/*     quite some real estate above and below the row(s) of tabs.               */
tabbrowser:not(#tabmail) .tabbrowser-arrowscrollbox .scrollbutton-up,
tabbrowser:not(#tabmail) .tabbrowser-arrowscrollbox .scrollbutton-down
  { display:            none                    !important
  }

/*
 * hide all-tabs-button on tab bar in favour of Tabs Menu extension on menubar
 * Gecko 2, 2010-12-29 and later
 */
tabbrowser:not(#tabmail) .tabs-alltabs-button
  { display:            none                    !important
  }

/*
 * give all browser tabs a fixed height
 */
.tabbrowser-tab         /* also for mail tabs */
  { height:             18px                    !important
  ; margin-top:         0px                     !important
  ; margin-bottom:      0px                     !important
  ; border-width:       2px 2px 0px             !important
  ; border-color:       navy                    !important
  ; border-style:       solid                   !important
  ; -moz-border-radius: 3px 3px 0px 0px         !important
  ; border-collapse:    collapse                !important
  ; padding-top:        0px                     !important
  ; padding-bottom:     0px                     !important
  ; opacity:            100%                    !important
  ; -moz-opacity:       100%                    !important
  ; background-image:   none                    !important
  }
tabbrowser:not(#tabmail) .tabbrowser-tab
  { width:              18px                    !important
  ; text-align:         left                    !important
  ; padding:            0px                     !important
  ; margin:             0px                     !important
  }
/*
 * however, the above affects also mail tabs,
 * which we don't want to narrow down to "just a favicon",
 * so let's override it:
 */
.tabbrowser-tab.tabmail-tab
  { width:              auto                    !important
  ; overflow:           visible                 !important
  ; visibility:         visible                 !important
  ; min-width:          150px                   !important
  ; max-width:          1000px                  !important
  ; -moz-box-flex:      100                     !important
  }
/*
 * It's worse with the following than without: there is still the same ugly
 * empty space between the multiple rows and the closebutton, and in addition
 * the [X] gets moved to the top row, instead of getting "middle" vertical
 * alignment the way I want it.
 *
.tabbrowser-tabs .tabs-closebutton-box
  { width:              16px                    !important
  ; display:            table-cell              !important
  ; overflow:           hidden                  !important
  }
 */

/*
 * highlight tab at mouseover; highlight selected tab
 * and show which tabs haven't yet been read
 */
.tabbrowser-tabs:not(.tabmail-tabs) tab
  /* none of what follows:        grey            */
  /* but only for browser (not mail) tabs         */
  { background-color:   #666                    !important
  }
  /*
   * all rules below are for browser and mail
   * 
   * on SeaMonkey 2.1a1 and later, alas,
   * the [selected] attribute is only present when true,
   * so the first of them would be activated out of turn
   * for tabs already seen but not current anymore
   * (see bug 564100).
   *
   * Bug 564100 was fixed 16-Sep-2011 but with [unread=true]
   * for unread tabs.
.tabbrowser-tabs tab:not([selected])  \* 2.0.x and earlier *\
   */
.tabbrowser-tabs tab[unread=true]
  /* not yet read:                white           */
  { background-color:   white                   !important
  }
.tabbrowser-tabs tab[busy=true]
  /* being loaded:                dark green      */
  { background-color:   #090                    !important
  }
.tabbrowser-tabs tab:hover
  /* onmouseover:                 red             */
  { background-color:   #C00                    !important
  }
.tabbrowser-tabs tab[selected=true]
  /* current:                     aqua            */
  { background-color:   #0FF                    !important
  }
.tabbrowser-tabs tab[selected=true]:hover
  /* current on mouseover:        yellow          */
  { background-color:   yellow                  !important
  }

/*
 * remove left and right tab decorations
 */
.tab-image-left, .tab-image-right
  { display:            none                    !important
  }

/*
 * highlight close box at mouseover
 */
.tabbrowser-tabs .tabs-closebutton-box:hover
  { background-color:   #699                    !important
  }

Otherwise, you can add, change, or delete anything in there to fit your needs.
(I'm generally not the one to ask how on that.)