Horizontal tabs are not horizontal with Field Group 4.x due to regression

Created on 7 February 2025, about 2 months ago

Problem/Motivation

In 🐛 Paragraphs stick out from the edge Needs review this was introduced:

td .claro-details {
  width: 100%;
  box-sizing: border-box;
}

But in Field Group 4.x these are the horizontal tabs classes (removed irrelevant ones for simplicity):

<ul class="horizontal-tabs-list">
  <li class="horizontal-tab-button claro-details"></li>
  <li class="horizontal-tab-button claro-details"></li>
</ul>

Before screenshot:

After screenshot:

Steps to reproduce

  1. Field Group 4x dev
  2. Gin 4x dev
  3. Create horizontal tabs

Proposed resolution

Ensure width auto is set on horizontal tab buttons

Remaining tasks

MR

User interface changes

Horizontal tabs are horizontal

API changes

N/A

Data model changes

N/A

🐛 Bug report
Status

Active

Version

4.0

Component

Code

Created by

🇬🇧United Kingdom scott_euser

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024