Problem/Motivation

Title display: inline of Title Element didn't take effect in "Flexbox layout"

Steps to reproduce

  1. Create a webform
  2. Click Add Layout
  3. Add a text field in the layout and set title display: inline

But the title still display above the input form element on seven or Bartik theme

CommentFileSizeAuthor
#6 AfterPatch.png71.98 KBpaulocs
#6 BeforePatch.png77.13 KBpaulocs
#4 3181613-2.patch1.78 KBjrockowitz
#4 webform.webform.issue_3181613.yml4.92 KBjrockowitz
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

lawxen created an issue. See original summary.

lawxen’s picture

lawxen CreditAttribution: lawxen commented
Issue summary: View changes
lawxen’s picture

lawxen CreditAttribution: lawxen commented

/css/webform.element.flexbox.css

@media (min-width: 768px)
.webform-flex--container > .form-item > input:not([type="checkbox"]), .webform-flex--container > .form-item > select {
    width: 100%;
}

These css code make the title display: inline didn't take effect in Flexbox Layout

jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer and at The Big Blue House commented
Status: Active » Needs review
FileSize
webform.webform.issue_3181613.yml4.92 KB
3181613-2.patch1.78 KB

The attached webform replicates this issue and the attached patch fixes this issue.

paulocs’s picture

paulocs
Primary language Portuguese, Brazil
Location Belo Horizonte
CreditAttribution: paulocs at CI&T commented
Assigned: Unassigned » paulocs
paulocs’s picture

paulocs
Primary language Portuguese, Brazil
Location Belo Horizonte
CreditAttribution: paulocs at CI&T commented
Assigned: paulocs » Unassigned
Status: Needs review » Reviewed & tested by the community
FileSize
BeforePatch.png77.13 KB
AfterPatch.png71.98 KB

Patch #4 fixes the problem. Attached images to confirm.

paulocs’s picture

paulocs
Primary language Portuguese, Brazil
Location Belo Horizonte
CreditAttribution: paulocs at CI&T commented
Version: 6.0.0-alpha21 » 6.x-dev

Setting version to 6.x-dev

jrockowitz’s picture

jrockowitz CreditAttribution: jrockowitz as a volunteer and at The Big Blue House commented
Status: Reviewed & tested by the community » Fixed

  • jrockowitz authored 514309c on 8.x-5.x 
    Issue #3181613 by jrockowitz, paulocs: Title display: inline of Title...

  • jrockowitz authored 514309c on 6.x 
    Issue #3181613 by jrockowitz, paulocs: Title display: inline of Title...

Status: Fixed » Closed (fixed)

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