home of the madduck/ blog/
Epiphany and vertical tabs

Firefox is becoming totally unusable, and even though some extensions I need/want do not exist for Epiphany (like Web Developer and Firebug, Live HTTP headers, Stealther, UrlParams, Cookie Button, and plenty of the features of Tab Mix Plus (among others)).

The single biggest obstacle keeping me from switching are vertical tabs. I usually have a browser window for each task I work on, and on average, I'll have 15 tabs open in it. With Firefox, I hacked the UI to make the tabs line up vertically on the left side of the window. That way, I can easily keep track of 30 open tabs, and I gain vertical space for the payload at the expense of window width.

Dear lazyweb: do you know of a way to move the Epiphany tab bar to the left of the window and have it fill with tabs top-down? Please let me know!

NP: 65daysofstatic / The Fall of Math

Update: Lazyweb, you're aweseome! Rodney Jokerst referred me to his Epiphany extension, which does just what I want.

Update: due to popular demand, here's the Firefox hack I use in chrome/userChrome.css:

#content > tabbox {
  -moz-box-orient: horizontal;
}

.tabbrowser-strip {
  -moz-box-orient: vertical;
  /* note: you can set this to -moz-scrollbars-vertical instead,
  but then the scrollbar will *always* be visible. this way
  there is never a scrollbar, so it behaves like the tab bar
  normally does */
  overflow: -moz-scrollbars-none;
}

.tabbrowser-tabs {
  -moz-box-orient: horizontal;
  /* min-width: 50ex; */ /* >1680 pixels screens */
  /* min-width: 40ex; */ /* =1680,1600 pixels screens */
  /* min-width: 35ex; */ /* =1440 pixels screens */
  /* min-width: 30ex; */ /* <1440 pixels screens */
  min-width: 20ex; /* 1280 pixels screens */
  /* min-width: 17ex; */ /* this is almost the minimum to go down to on small screens */
  -moz-box-align: start;
}

/* Background for tabbrowser strip */
tabs.tabbrowser-tabs {
  background-color: grey !important;
}

.tabbrowser-tabs > stack > vbox > hbox > hbox {
  -moz-box-orient: vertical;
  -moz-box-align: stretch;
}

.tabbrowser-tabs > stack > vbox > hbox > hbox > tab {
  -moz-box-align: start;
  -moz-box-orient: horizontal;
}

/* to put the tabs on the right un-comment this line
  (not needed if using Tab Mix Plus) */
#content > tabbox {-moz-box-direction: reverse;}

Even though the origins of this code are IRC channels and other forms of random pasting back and forth, of which I was a part, I took the above from this page.