Making vertical tabs wider causes "over-dragging" vertical position
-
Hi! I've been playing with the Vivalarc theme and tried to make the vertical tabs bigger and I got it for the most part, but now when I drag any tab to change the order, the tab moves way faster than the mouse, making it feel weird. Has anyone some idea of why this happens?
This is my css:
#tabs-tabbar-container > .separator { display: none !important; } html { --tab-size-multiplier: 1.5 } #tabs-tabbar-container .tab-strip .tab-position { height: calc(var(--Height) * var(--tab-size-multiplier)); transform: translateX(var(--PositionX)) translateY(calc(var(--PositionY) * var(--tab-size-multiplier))); align-items: center; } #tabs-tabbar-container .tab-strip .tab-position .tab { height: calc(var(--Height) * (var(--tab-size-multiplier) - 0.2)); max-height: calc(var(--Height) * (var(--tab-size-multiplier) - 0.2)); justify-content: center; font-size: 14px; padding: 0.5em 0; } #tabs-tabbar-container .tab-strip .tab-position .tab .title { padding-left: 8px; } #tabs-tabbar-container .tab-strip .tab-position .tab .svg-tab-stack { height: calc(var(--Height) * (var(--tab-size-multiplier) - 0.2)); } #tabs-tabbar-container .tab-strip .tab-position .tab .tab-header { flex: 0 0 calc(30px * (var(--tab-size-multiplier) - 0.2)); } #tabs-tabbar-container .tab-strip .tab-position .tab .tab-header progress { bottom: 0px; left: 3px; --progress-width: calc(var(--Width) - 10px); } #tabs-tabbar-container .tab-strip .separator { height: calc(var(--Height) * var(--tab-size-multiplier)); transform: translateX(var(--PositionX)) translateY(calc(var(--PositionY) * var(--tab-size-multiplier))); align-items: center; } #tabs-tabbar-container .tab-strip .button-toolbar.newtab { top: calc(var(--PositionY) * var(--tab-size-multiplier)) !important; height: calc(var(--Height) * var(--tab-size-multiplier)); }
-
Did you ever find a solution to this?