Problem/Motivation

Following upgrade from 1.0.3 to 1.1.0, (on D10.5.5) help text displayed below input form fields is now indented by a significant amount. This is a particular problem when there are input fields side by side, as the form layout can be changed significantly.

Steps to reproduce

Go to the login page. Observe that the help text is shifted to the right.

Proposed resolution

The problem is caused by an update to bartik/css/components/form.css. At line 174 we now have:

.form-item .description,
.form-wrapper .description {
  margin-left: 120px;
}

This code wasn't present in 1.0.3.

Presumably this code was added for some good reason that contributes to D11 compatibility. But it is a regression for D10.5.

form.css needs some further work for it to be compatible with D11 whilst also behaving in the same way as 1.0.3 on D10.

Comments

dabley created an issue. See original summary.

liam morland’s picture

liam morland
Primary language English
Location Ontario, CA 🇨🇦
commented
Version: 1.1.0 » 1.1.x-dev
Parent issue: » #2624336: Clean up display of image field on comment form

That CSS was introduced in #2624336: Clean up display of image field on comment form.

dabley’s picture

dabley commented

@Liam, thanks for clarifying. So, the CSS changes were made 5 years ago and dont have anything to do with D11 compatibility.

liam morland’s picture

liam morland
Primary language English
Location Ontario, CA 🇨🇦
commented

The change was just committed last month.