Checkbox toggles are displayed with text over control

Created on 18 September 2024, 10 months ago
Updated 20 September 2024, 10 months ago

Problem/Motivation

All checkbox toggles showing up with text overlayed (See attached image).

Proposed resolution

Changing the padding left in the browser console:

[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.tablesaw-cell-content) > .form-type--checkbox label {
    padding-left: var(--gin-spacing-xxs);
}

to:

[dir="ltr"] :not(.form-checkboxes):not(td):not(.tabledrag-cell-content__item):not(.media-library-item__click-to-select-checkbox):not(.field-content):not(.tablesaw-cell-content) > .form-type--checkbox label {
    padding-left: var(--gin-spacing-xl);
}

Not sure if this would mess up anything else though:

🐛 Bug report
Status

Closed: cannot reproduce

Component

Code

Created by

🇬🇧United Kingdom mistergroove

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

Comments & Activities

Production build 0.71.5 2024