Vertical tabs

[luixxiul]

Moving <TabsToolbar> inside of the .mainContainer in main.js makes it possible to get the vertical bar as follows (with some quite simple css tweaks). Here's a rough idea:

Is there any chance to implement this as an option?

Spec should be:

• This feature should be added as an option
• The width of the tab bar should be changeable with a mouse
• The max number of the opened tabs should be unlimited (no tab pages should appear)
• Tabs should be set in a tree style (cf: https://addons.mozilla.org/ja/firefox/addon/tree-style-tab/)
• The hamburger icon should be placed on the right of the browser (left/below of the lion icon)
• The new tab button should be placed at the bottom of the tab bar/the last opened tab

[bbondy]

cc @bradleyrichter I think adding an option makes sense. I think the hamburger button should probably go to the right of the bookmarks toolbar in that case though. Not sure where the new tab button would go.

[bradleyrichter]

Needs some new UI thinking but it would be great to have the vertical option.

Pinned tabs should be integrated into this side panel so we can hide the original tabs bar.

The Burger menu will need a new home. Perhaps 3 stacked dots to the right of the Brave button when the vertical tabs are enabled. (since the bookmarks bar can be hidden)

I won't have time for this for a bit. Maybe before 1.0 release. Certainly for 1.1.

[ghost]

Side tabs are a great feature for power users. Would be even better to have tree styled tabs or also an option to have tabs at the very browser bottom for example like Yandex browser offers this lately.

Anyway, more tab bar location/styling options would be much appreciated from power users!

[dogancelik]

Hamburger menu and Brave icon should be next to each other on Vertical tabs mode
New tab icon should be centered with full width.

[luixxiul]

Setting a milestone just as a memo..

[diracdeltas]

This is awesome, thanks @luixxiul for trying this out! For me, the best feature of Firefox's tree-style tabs addons was that child tabs would show up nested under their opener tabs. Made it much easier to organize/prune.

[ghost]

Tree-style-tabs... guys, add that and you get a big number of Firefox users who are frustrated with the browser :D

[bbondy]

For tree style, each opened tab/frame has a key and some have a parentFrameKey. This allows for a recursive traversal.

[DeltaZone]

Tree-style tabs are crucial. We work so often on laptop screens where the screen estate space of the height is more critical than the width, so better to have them along the side, preferably also in a collapsible show/hide toggle panel. As it is now, I also miss an option to toggle hide/show of the horizontal tabs bar AND also the URL bar. This browser is wasting two whole lines that are not needed during the time we are working on or reading a web page. Even in so-called FullScreen mode, those do not go away, rendering the Fullscreen mode almost useless.

(Remember that easily available toggle functions are needed when implementing such features. It will be annoying if it is cumbersome to use an otherwise useful feature. Both a toggle button and a customizeable keyboard shortcut is needed.)

[DeltaZone]

FYI - The lack of this feature means I will not be using this browser for much. Only as a spare browser to open some special links/pages in that I do not want to risk disturbs anything in other browsers.

[luixxiul]

Though I have set the milestone to 1.1.0, the feature is so wanted that it will be enabled as soon as it is developed enough.

[clopez]

Please, check tabkit2 extension as an inspiration.

It is an improved three-style-tab extension that automatically assigns colors to each tab group and has a search box. See the screenshot

[ajvsol]

Tab Center has also done this rather well (see here for the full overview).

There are ways to improve it further by incorporating both of the aforementioned [1] Tree Style Tabs and [2] Tabkit 2 also.

When browsing it just displays the favicon ([1] which would make it much easier to incorporate tree-style tabs with as it takes up so little width space, which is the biggest limitation to tree-style tabs).

Rolling over with mouse opens it up...

Until you get a full open preview of a tab

[2] also the background of each tab could have a different colour to further highlight the "tab groups".

Or do tab groups in a Tab Center's style:

Furthermore by having a defined set of tab groups in the codebase, it makes it easier to add similar tab-grouping styles such as Tab Groups Helper and Tab Outliner.

[dobriai]

I don't care so much if it is tree-style tabs, but I absolutely need vertical tabs, for sure. What Vivaldi has is good enough for me. Until such time, I'll stick to Firefox or Vivaldi. Lack of vertical tabs is a show-stopper for me.

[Darkless012]

I agree that what has Vivaldi (or to say also old Opera) is good enough, and also simple enough. Tree style tabs had quite a lot of bugs when I was using it. Although it would be nice to have "tree tabs", I think that just have simple "vertical tabs" would be sufficient for most cases. And then it could go from there.

[nk8020]

I think the code is almost directly available from the firefox 'tree-style tabs' xpi (certainly controlling the width/ tree view/ hide/auto-hide...) No real reason why it should not work with minimal changes in Brave.

[fabricedesre]

I think the code is almost directly available from the firefox 'tree-style tabs' xpi (certainly controlling the width/ tree view/ hide/auto-hide...) No real reason why it should not work with minimal changes in Brave.

tree-style-tabs relies on Firefox internals so it's not really portable. In any case I think that with screens having a lot of horizontal real estate but comparatively less vertical, this should be part of the default UX options of a modern browser. For sure this can start simple with just a vertical list of tabs (and pinned ones at the top!), and evolve from here.

[diracdeltas]

+1 for prioritizing this for an upcoming release since Tree-Style Tabs are virtually useless in Firefox now

https://twitter.com/lyon01_david/status/933099035593818112

[luixxiul]

It just took me ~10 min. to create the vertical tabs bar on the 1st post, though the thing has changed and today it must take more time to implement that (at that time we did not have the tear off tabs function and pinned tabs IIRC).

[eljuno]

+1 from community https://community.brave.com/t/tabs-in-a-sidebar-preferably-tree-style-tabs/15002?u=eljuno

[JGJP]

Firefox has a revamped Tree Tabs extension that's even better than the previous Tree-Style Tabs extension, many of the users of this feature are power users that care about privacy and the other perks that Brave offers. If Brave want increased market share, I suggest the team look at implementing this feature, as even a mildly workable alternative to horizontal tabs will lead to a sizeable increase in new users.

[jxpy]

Brave must be about cutting-edge innovation to have followers. Your early adopters are obviously power users and Brave must attract them, so be 'brave' and don't shy off from adding powerful features.

Tree tabs in general are the future for landscape monitors, they optimize space and organize content.
Vivaldi i.e. has native vertical tabs, but it can also support kroppy's excellent "Tree Tabs" extension.

Brave could implement a native vertical tab feature and give extensions devs enough api freedom to implement something like Tree Tabs as an extension.

Tree Tabs example on Vivaldi:

[NumDeP]

I've only just noticed FF's built-in feature at the top right hand corner where you can view tabs in a list quite neatly actually, this was probably in relation to disabling Tab Center though it's still offered as Tab Center Redux in the Add-On store.
Perhaps you can take a couple of notes from this as well so most of the window space isn't removed.

[trailblazing]

Tree Style is just an entrance of knowledge management.
The style itself is nothing. What you need is a personal knowledge assistant, memory management, sharing management, etc.

[JGJP]

Even if that was true (which it's not, imo) Tree Tabs is still the best solution.

[trailblazing]

https://drive.google.com/file/d/1OlrHBccyxE0lDYmU_Uk2i_Emxiz_slRd/view?usp=sharing
Here is a demo I've made for a proof.
https://github.com/beimprovised/tute

[trailblazing]

A new browser window (a tabs group) for a new topic which links to a social media can be handled with limited tabs showing up and with more tabs in a tree structure as a back-end data. And you just need several this kind of windows normally. I put them together because they share the same back-end tabs tree :)

[eljuno]

+1 from community https://community.brave.com/t/vertical-tabs-or-equivalent-request/22788?u=eljuno

Like vertical tabs extension in Firefox.

[JackOfAllGames]

+1 here. I was just checking to see if this was possible yet. Sad to see that it's been in limbo this long. I'd love to be able to replace Firefox, but vertical tabs in SOME FORM are essential for me. I'm not all that picky. If scope creep is holding this up, I'd be plenty happy with something basic.

[Jasperki]

+1 - this and support for KeePassXC new Browser Integration are what holds me back from using Brave.

[bsclifton]

I am fairly certain that we won't be able to make this feature happen with our current codebase (Muon). However, it's clear this is a great idea 😄 Since we're moving over to Brave Core, I created an issue there to track this feature request. Please give it a +1 or leave feedback 😄

brave/brave-browser#464

[SirCaldude]

Still no Vertical tabs? Haven't used this browser since I installed it. Vertical Tabs in the sidebar is an absolute necessity. I can't believe anyone was stupid enough to create horizontal tabs in the first place. Dumbest idea ever.....makes absolutely NO SENSE. The only software I ever paid for was the iRider browser back in 2000....they were the first to use Vertical tabs and I won't use ANY browser that doesn't have them.