[Panel] Tweak breakpoints for many tabs (label disappearing)

[vauvarin]

When you add more than four tabs, label disappears on the tabs which are not the current tab.

The blueprint:

title: Site

tabs:
  pages:
    label:
      en: Pages
      de: Seiten
    icon: page
    columns:
      - 1/1: kitchensink
      - 1/1: playground
  footer:
    label: Footer
    icon: twitter
    columns:
      - 1/1: footer
  seo:
    label: SEO
    icon: search
    columns:
      - 2/3: seoContent
      - 1/3: seoImages
  taxonomy:
    label: Taxonomy
    icon: tag
    columns:
      - 1/1: tags
  test:
    label: Test
    icon: tag
    columns:
      - 1/1: mytest

sections:

  
  # TEST TAB
  mytest:
    type: fields
    fields:
      tags:
        label: Name
        type: text

  # PAGES TAB
  kitchensink:
    headline: Examples
    type: pages
    status: listed
    item:
      image: false
      info: "{{ page.template }}"

  playground:
    headline: Playground
    type: pages
    status: unlisted
    templates:
      - form
      - sandbox


  # FOOTER TAB
  footer:
    type: fields
    fields:
      copyright:
        label: Copyright
        type: text
        before: ©
      twitter:
        label: Twitter Account
        type: text
        icon: twitter
        width: 1/2
        before: "@"
      instagram:
        label: Instagram Account
        type: text
        icon: instagram
        width: 1/2

  # SEO TAB
  seoContent:
    type: fields
    fields:
      metaTitle:
        label: Meta Title
        type: text
        required: true
      metaDescription:
        label: Meta Description
        type: textarea
        buttons: false

  seoImages:
    type: files
    headline: Seo Images
    min: 1

  # TAXONOMY TAB
  tags:
    type: fields
    fields:
      tags:
        label: Tags
        type: structure
        fields:
          name:
            label: Tag
            type: text
            width: 1/2
          value:
            label: Value
            type: text
            width: 1/2

[bastianallgeier]

That is an intended behavior for more than 4 tabs. But I think we will need to tweak the breakpoints for this. The background is that it's really hard to make room for all the tabs otherwise and we don't want to throw too much js on it to solve that.

[distantnative]

@bastianallgeier has this been solved with your recent JS logic update?

[bastianallgeier]

✅ @distantnative yep :)