Move "plus button" before opened tabs?



  • I'd like to move the plus button before the the opened tabs. How? :silly: (And maybe how to move it also in bookmark bar, if possible)



  • Well, since no one else tried it I will.

    #tabs-container {
    	padding-left: 100px !important;
    }
    
    .newtab {
    	left: -35px !important;
    }
    
    

    Moves the newtab button in front of the tabs, unfortunately !important is needed. You might need to adjust the numbers since I tried this on osx. I think other operating systems have different designs regarding the tab container.



  • Yup, seems incomplete or not working on Windows.
    I forgot to say. I use vertical tabs on the right.
    However thanks for the sharing :)



  • Ha, well you left out important info there…

    .tab-strip {
    	top: 30px;
    }
    
    .newtab {
    	top: -29px !important;
    }
    

    Are the numbers which work best for me.
    Picture



  • On windows padding-left (also with !important) create an usable area at the left of the tab bar, so I slightly changed the code. However, the plus button is not centered anymore but is on top left.

    /*[Plus button upon tabs]*/
    #tabs-container {
    	padding-left: 0px;
    }
    
    .newtab {
    	top: -30px !important;
    	left: 5px !important;
    }
    
    .tab-strip {
    	top: 30px;
    }
    


  • @luetage:

    Ha, well you left out important info there…

    .tab-strip {
    	top: 30px;
    }
    
    .newtab {
    	top: -29px !important;
    }
    

    I would suggest being more specific with your headings as to not mess up the alignment of the top and bottom tab positions. Also, that code pushes the panel out of the window and triggers overflow (notice the scrollbars). I tried reducing the panel size but that didn't work. Not sure how to address it yet but you can fool around with this

    #tabs-container.left .tab-strip, #tabs-container.right .tab-strip {
    	top: 30px;
    	height: 90%;
    }
    
    #tabs-container.left .tab-strip .newtab, #tabs-container.right .tab-strip .newtab {
    	top: -29px !important;
    }
    


  • When you put the tabs to the left or right there shouldn't be any difference in code between windows and osx. And of course the plus button isn't centered anymore if you input left: 5px…

    Maybe try and don't mix both suggestions up, since the first one is only for tabs at the top, and the second one only for tabs at the side. It should work out fine if you stick to my second post only.



  • @sjudenim:

    I would suggest being more specific with your headings as to not mess up the alignment of the top and bottom tab positions. Also, that code pushes the panel out of the window and triggers overflow (notice the scrollbars). I tried reducing the panel size but that didn't work. Not sure how to address it yet but you can fool around with this

    Yeah, good catch with the scrollbar, I didn't notice that. No idea :/


Log in to reply
 

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