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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions