Curved tabs project, overflow issues German

MrOtherGuy Mod , 6 months ago

If I remember correctly that’s like extremely frigging hard to do without making some other things much worse. With that style the outwards curve is “outside” of the tab. And the scrollbox logic only tracks the position of the tab itself so it ignores the size of the curve when it computes how much the scrollbox should be scrolled.

You can’t just make the items outside of the boundary show up because, well that would show all tabs outside the visible section. And also that would prevent scrolling the box. But if you are interested it would go something along the lines of this:

<span style="color:#323232;">#tabbrowser-arrowscrollbox[overflowing]{
</span><span style="color:#323232;">  --uc-scrollbox-overflow: clip;
</span><span style="color:#323232;">}
</span><span style="color:#323232;">scrollbox[orient="horizontal"]{
</span><span style="color:#323232;">  overflow: var(--uc-scrollbox-overflow,hidden);
</span><span style="color:#323232;">  overflow-clip-margin: -10px;
</span><span style="color:#323232;">}
</span>

I think that to solve this you have no other option than to make it such that the curve is all inside the actual tab boundary - which means you need to do something entirely different to style them.

hansman OP , 6 months ago

Thanks very much for the reply; that's pretty much what I experienced; the additional tab corners basically would need to be inside the "physical" boundaries of the tab itself.
Which I found hard to do for some reason, but I'll give it another shot.

I've cobbled together some sort of preliminary "solution" - but the proper term for that thing would probably be hacky. ;)

hansman OP , 6 months ago