Problem/Motivation

Now that we have added the label field to the access unpublished form, the following CSS entries create some display issues:

.access-unpublished-form .form-item-duration label {
  float: left;
}
.access-unpublished-form .form-item-duration select {
  float: left;
  margin-left: 10px;
}

Here are the result:

Display issue

Proposed resolution

I suggest to remove those two CSS entries as they seem pretty unnecessary to me, default form display seems ok.

CommentFileSizeAuthor
#4 Capture d’écran 2025-11-24 à 12.02.24.png71.73 KBmably
Capture d’écran 2025-11-24 à 11.57.44.png68.84 KBmably

Issue fork access_unpublished-3559564

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

mably created an issue. See original summary.

mably’s picture

mably commented
Issue summary: View changes

mably opened merge request !43

mably’s picture

mably commented
StatusFileSize
new Capture d’écran 2025-11-24 à 12.02.24.png71.73 KB

Display after MR fix applied:

Display fix

mably’s picture

mably commented
Issue summary: View changes
Status: Active » Needs review

I didn't noticed it immediately as the float:left doesn't have any effect when using Gin.

  • mably committed 97d912e9 on 8.x-1.x 
    feat: #3559564 CSS form display bug

By: mably
mably’s picture

mably commented
Status: Needs review » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.