bookmark bar span on two rows



  • //EDIT: This may useful only if you have long titles on folder names, otherwise it could be a bit messy. Even values should be tweaked a bit. Especially that font-size which seems a bit big.

    I'm trying something to show labels in bookmark bar in two rows -
    basically using white-space but texts (with one row) and site icons (folders are fine) are misplaced then

    .bookmark-bar {height: 37px; font-size: 170%;}
    .bookmark-bar, 
    .bookmark-bar button {
    	padding-right: 0px; /*Shrink bar*/
    } 
    .bookmark-bar button span {line-height: 18px; white-space: normal; text-overflow: clip;} 
    .bookmark-bar button img {margin-top: 6px; width:26px;} 
    .bookmark-bar button img + span {margin-left: 5px;} 
    

    My fault, quite sure (fixed?) xD
    "Strange" values you see - fonts/sizes - depends on other workarounds I have. 😛



  • What do you really need?



  • @luetage
    0_1509582107467_a1830c38-d3f5-4b47-b70e-d77d8bf95770.png
    So this should do (did some "fix")

    • increase bookmarkbar height
    • tweaking how span is shown (two rows)
    • tweak some button margins
    • increase img size to 26
    • remove hated text overflow(...) xD
    • some values depends on other mods (font-size, probably)

    Tried to slightly increase span width, but without so much success.


 

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