Editing interface via browser.html



  • How to edit Browser.html to get working?

    I want tabs on the left without previews
    add custom css to browser.html with
    #tabs-container.view-thumbs.left .tab-position {heigth:26px;max-heigth:26px}
    or
    #tabs-container .tab-position {heigth:26px}
    and it dont work

    I want manymanymanymany tabs not in one string but in the several string with width 100-150px

    I do
    #tabs-container.top #tabs, #tabs-container.bottom #tabs {
    height: auto !important;
    display: block !important;
    }
    #tabs-container.bottom #tabs .tab, #tabs-container.top #tabs .tab {
    max-width: 150px !important;
    min-width: 150px;
    display: inline-block !important;
    float: left;
    }
    #tabs .tab .tab-thumb { display: none; }
    #tabs .newtab { margin-top: -9px; }
    #tabs .trash {
    margin-top: -10px;
    display: inline-block !important;
    float: right;
    }

    and its dont work

    So how to edit interface?



  • Tabs on left without previews:
    Go to settings > tabs . Select left tabs and go to "tab display" just below and un-tick the option marked "show tab thumbnails".

    As for your second point, do you mean multiple columns of tabs? If so that will be very difficult. Unfortunately the way vivaldi handles tab positioning seems to be done entirely with javascript and absolute css Top/left properties so customising it using only CSS would be (i would suspect) impossible, and a custom javascript logic would need to be written.



  • @rimsky Independent from the code working or not, you are implementing it wrong. Follow these instructions:

    https://forum.vivaldi.net/topic/10549/modding-vivaldi


Log in to reply
 

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