Multiline TabBar

  • Experimental thing 🙂 There may be dnd-related issues. [code]#tabs-container { height: auto !important; } .resize { display: block !important; } .tab-strip { display: block; } .tab-strip > span { display: inline-block; } .tab-strip > span > .tab-position { left: 0px !important; position: relative; height: 30px !important; width: auto !important; } .tab-strip > span > .tab-position > .tab:not(.pinned){ width: 220px !important; } .tab-strip > span > .tab-position > .tab.pinned{ width: 30px !important; } .tab-strip > .newtab { left: 0px !important; top: 0px !important; position: relative !important; display: inline-block; padding: 0; vertical-align: top; } .tab-header > .favicon > svg { height: 17px; }[/code] [attachment=4640]multiline-tabs.png[/attachment] Attachments: [img][/img]

  • Nice, however I'm more for vertical tabs 🙂
    Probably, with that style of tabs, plus button and trash icon should be on address bar or bookmark bar to optimize the spaces 🙂

  • Moderator

    Address bar, yes. There's tons of room there.

  • Pinned tabs need some styling too - atm they are indistinguishable from other tabs.
    The globe icon (for pages without favicon) and the close box seems to miss positioning and sizing (I maybe wrong, I did some additional editing, don't sue me if I am wrong)

    As expected by den_po, there are here are some d'n'd issues:

    1. If you drag vertically and if the insert gap appears and you are in a certain position, the gab starts blinking in and out of existence because as soon as it is there the other content moves.
    2. It is a bit more difficult to avoid unwanted stacking because with some movements the highlighting when it is in stacking position seems to skip over a tab. (Difficult to reproduce if you want to but easy to do if you don't)

    Some rambling:
    I've tried (not very hard) to convince the whole thing to scroll instead of going multi line (my editor does that, I am used to that) but that has its own pitfalls too …

  • @QuHno I did it. Now the tabbar is above the adress bar and the bookmark bar. What have I to do, that the tabbar will be underneath adress bar and bookmark bar?
    Thank you


Looks like your connection to Vivaldi Forum was lost, please wait while we try to reconnect.