Custom CSS mod to widen the browser tabs of Vivaldi Snapshot no longer works in 6.9.3405.3
-
My CSS mod no longer works in Vivaldi Snapshot 6.9.3405.3. Here is the CSS code that no longer works.
html { --tab-size-multiplier: 1.58 !important; } html #browser.linux.maximized , html #browser.linux.fullscreen { --tab-size-multiplier: 1.58 !important; } html #browser.linux.maximized .tab-position.is-pinned, html #browser.linux.fullscreen .tab-position.is-pinned { --tab-size-multiplier: 1 !important; } html .tab-position.is-pinned { --tab-size-multiplier: 1 !important; } .tab-position { transform: translateX(calc(var(--PositionX)*var(--tab-size-multiplier))) translateY(calc(var(--PositionY)*var(--tab-size-multiplier))) !important; height: calc(var(--Height)*var(--tab-size-multiplier)) !important; width: calc(var(--Width)*var(--tab-size-multiplier)) !important; } #tabs-subcontainer .tab-position { transform: translateX(calc(var(--PositionX)*var(--tab-size-multiplier))) translateY(calc(var(--PositionY)*var(--tab-size-multiplier))) !important; height: calc(var(--Height)*var(--tab-size-multiplier)); width: calc(var(--Width)*var(--tab-size-multiplier)); } .tabbar-wrapper .newtab { left: calc(var(--PositionX)*var(--tab-size-multiplier)) !important; top: calc(var(--PositionY)*var(--tab-size-multiplier)) !important; } #browser.tabs-top .svg-tab-stack, #browser.tabs-bottom .svg-tab-stack { width: calc(var(--Width)*var(--tab-size-multiplier)) !important; } #browser.tabs-left .svg-tab-stack, #browser.tabs-right .svg-tab-stack { height: calc(var(--Height)*var(--tab-size-multiplier)) !important; } #browser.tabs-top, #browser.tabs-bottom { & #tabs-tabbar-container { padding-right: calc(0px) !important; padding-left: calc(0px) !important; } & #tabs-subcontainer.visible { width: 100vw; } }
Would appreciate it if someone can help me find a new CSS mod that widens the tabs of Vivaldi browser. The default tab width is too short for my liking.