|
297 | 297 | color: HighlightText;
|
298 | 298 | }
|
299 | 299 |
|
300 |
| -#dummy-auto-hidden-scrollbar-placeholder-size-box { |
301 |
| - height: var(--scrollbar-placeholder-size, 0); |
302 |
| - width: var(--scrollbar-placeholder-size, 0); |
| 300 | +#dummy-shift-tabs-for-scrollbar-distance-box { |
| 301 | + width: var(--shift-tabs-for-scrollbar-distance, 0); |
303 | 302 | }
|
304 | 303 |
|
305 | 304 |
|
@@ -340,19 +339,19 @@ tab-item-substance {
|
340 | 339 | }
|
341 | 340 |
|
342 | 341 | /* auto-hidden scrollbar placeholder workaround */
|
343 |
| -:root.left.on-scrollbar-area:hover #tabbar.overflow.scrollbar-autohide tab-item:not(.pinned) tab-item-substance, |
| 342 | +:root.left.shift-tabs-for-scrollbar-only-on-hover.on-scrollbar-area:hover #tabbar.overflow.scrollbar-autohide tab-item:not(.pinned) tab-item-substance, |
344 | 343 | :root.left:not(.shift-tabs-for-scrollbar-only-on-hover) #tabbar.overflow.scrollbar-autohide tab-item:not(.pinned) tab-item-substance {
|
345 |
| - margin-left: calc(var(--tab-margin-left) + var(--tab-indent) + var(--scrollbar-placeholder-size)); |
| 344 | + margin-left: calc(var(--tab-margin-left) + var(--tab-indent) + var(--shift-tabs-for-scrollbar-distance)); |
346 | 345 | }
|
347 | 346 |
|
348 | 347 | :root.right tab-item:not(.pinned) tab-item-substance {
|
349 | 348 | margin-right: calc(var(--tab-margin-right) + var(--tab-indent));
|
350 | 349 | }
|
351 | 350 |
|
352 | 351 | /* auto-hidden scrollbar placeholder workaround */
|
353 |
| -:root.right.on-scrollbar-area:hover #tabbar.overflow.scrollbar-autohide tab-item:not(.pinned) tab-item-substance, |
| 352 | +:root.right.shift-tabs-for-scrollbar-only-on-hover.on-scrollbar-area:hover #tabbar.overflow.scrollbar-autohide tab-item:not(.pinned) tab-item-substance, |
354 | 353 | :root.right:not(.shift-tabs-for-scrollbar-only-on-hover) #tabbar.overflow.scrollbar-autohide tab-item:not(.pinned) tab-item-substance {
|
355 |
| - margin-right: calc(var(--tab-margin-right) + var(--tab-indent) + var(--scrollbar-placeholder-size)); |
| 354 | + margin-right: calc(var(--tab-margin-right) + var(--tab-indent) + var(--shift-tabs-for-scrollbar-distance)); |
356 | 355 | }
|
357 | 356 |
|
358 | 357 | tab-item,
|
@@ -459,7 +458,7 @@ tab-item .extra-items-container.indent {
|
459 | 458 | }
|
460 | 459 | /* auto-hidden scrollbar placeholder workaround */
|
461 | 460 | #tabbar.overflow.scrollbar-autohide tab-item .extra-items-container.indent{
|
462 |
| - width: calc(var(--tab-indent) + var(--scrollbar-placeholder-size)); |
| 461 | + width: calc(var(--tab-indent) + var(--shift-tabs-for-scrollbar-distance)); |
463 | 462 | }
|
464 | 463 | :root.left tab-item .extra-items-container.indent {
|
465 | 464 | right: auto;
|
|
0 commit comments