Skip to content

wrong style in .form-inline form with control_group #23

@suezhou

Description

@suezhou

if form-inline class has been assigned to <form> element, the style will be wrong due to the extra <div> wrapper generated by control_group method.

    #   <%= form.control_group(:title, 'Demo', {:class => "col-md-6"}, {:id => 'some_id'}, "# Controls go here") %>
    #   # => <div class="form-group col-md-6">
    #           <label for="post_title" class="control-label">Demo</label>
    #           <div id="some_id">
    #             # Controls go here
    #           </div>
    #         </div>

in order to fix this, the following css code need to be implemented.

.form-inline {
  .form-group div {
    display: inline-block;
  }
}

@joshpencheon @timgentry, do you want to insert above css code into app/assets/stylesheets/ndr_ui/index.scss file?

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions