Collapse many secondary tabs on mobile

We may be interested in this within the farmOS distribution also. We make heavy use of tabs (both primary and secondary), and we have a lot of users on mobile. We use Gin (which inherits the secondary tab styling/behavior from Claro).

I'm curious if there is a mechanism we could use to try collapsing our secondary tabs? I'm not familiar with how this behavior gets applied to the primary tabs currently. If I find any more information I will share it here.

We came up with our own solution in farmOS, which basically overrides the templates and CSS to make the secondary tabs collapse in the same way that the primary ones do. Screenshot attached. (Note that we are using the Gin theme, which inherits the tab behavior from Claro).

Would this be worth pursuing as a core enhancement?

I have changed the behaviour of the secondary tabs to be more useable with small displays.
Its basically the same as the primary tabs.

I have changed the behaviour of the secondary tabs to be more useable with small displays.
Its basically the same as the primary tabs.

Hii I've tested the above MR. Seems working fine for me. So, Moving this to RTBC
Here's before and after screenshot.

The current approach of MR !4262 always collapses when the secondary tabs overflow. The proposed solution is different.

Set to Needs work (NW) for Issue summary update (IS update).

I think a claro maintainer should have a look at the proposed solution.

Pipeline was not shown in the Merge Request and there was an option to create pipeline. After clicking that, the .gitlab-ci.yml file changes got committed to the MR. Not sure why that happened and why that file was missing in the first place. I tried creating a new branch but that also doesn't have .gitlab-ci.yml. Can somebody please look into it? Sorry for the inconvenience caused.