tab audio remove and gap fix



  • how i can remove the tab audio icon and make the fix the remain left space?

    i use:
    #tabs-container .tab .tab-audio {display:none !important;}
    .favicon {display:none !important;}

    to do that but i want to keep the fav icons...

    any ideas? i try some values but with no luck...



  • @johnnyfire I havent tested this, but would

    div.tab-header > span.tab-audio { display: none }
    div.tab-header > span.favicon { display: block }
    

    Work?

    If you're using display: none on the favicon class, it will of course not display.



  • @lonm said in tab audio remove and gap fix:

    @johnnyfire I havent tested this, but would

    div.tab-header > span.tab-audio { display: none }
    div.tab-header > span.favicon { display: block }
    

    Work?

    If you're using display: none on the favicon class, it will of course not display.

    same result as my code, i need to have audio icon removed and the left gap that lefts cover but the tab title



  • @johnnyfire I've had some time to look into this. For some reason vivaldi hides the favicon by making is very small (why‽). The fix for this is to put it back to normal size, not change the display property.

    div.tab-header > span.tab-audio { display: none }
    div.tab-header > span.favicon { transform: scale(1) !important}
    


  • @lonm said in tab audio remove and gap fix:

    @johnnyfire I've had some time to look into this. For some reason vivaldi hides the favicon by making is very small (why‽). The fix for this is to put it back to normal size, not change the display property.

    div.tab-header > span.tab-audio { display: none }
    div.tab-header > span.favicon { transform: scale(1) !important}
    

    as always the code works!!!!!!!!!!! you are simply awsome!!!!!!!!


Log in to reply
 

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