Checkbox toggles are displayed with text over control

Created on 18 September 2024, 3 months ago
Updated 20 September 2024, 2 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

  • Issue created by @mistergroove
  • Status changed to Postponed: needs info 3 months ago
  • 🇨🇭Switzerland saschaeggi Zurich

    I cannot reproduce this on multiple instances running Gin, nor on our builds locally.

    Make sure it's not an aggregation issue or any module's CSS involved here.

  • 🇬🇧United Kingdom mistergroove

    Thanks @sascheggi. Will look into it.

  • Status changed to Closed: cannot reproduce 2 months ago
  • 🇨🇭Switzerland saschaeggi Zurich

    I'll close this in the meantime as it's not reproducible. Feel free to reopen if you can.

  • 🇬🇧United Kingdom mistergroove

    My bad. Seems the problem went away when I did some other updates. Everything works fine now.

Production build 0.71.5 2024