.form-control-static is not styled according to Patternfly

[vkrizan]

.form-control-static CSS class does not seems to be styled according ti Patternfly standards. The class exists, but inherits values from Bootstrap. The problem is that the min-height is too high (32px). It leads to mismatched rows in case of horizontal forms in two or more columns. To fix this issue the min-height rule could be removed or set to auto.

.form-control-static is already included in Test Pages (see Static Control).

Example with .control-label:

<form class="form-horizontal">
    <div class="form-group">
        <label class="control-label col-sm-4">Text:</label>
        <span class="col-sm-6 form-control-static">
            Static Text
        </span>
    </div>
</form>

Thank you!

[andresgalante]

Hi @vkrizan Thanks for reporting this.

Do have time to create an instance of that in the test pages and send a PR with a fix?

[andresgalante]

Hey @vkrizan this has been open for ever, sorry.

I don't think there was ever a clear solution for it, would you mind putting together a codepen or a preview so we can see the problem and fix it?

[vkrizan]

Hi @andresgalante, the solution should be to match properties of a label next to .form-control-static. On [Test Pages[(https://rawgit.com/patternfly/patternfly/master-dist/dist/tests/forms.html) you can see that p.form-control-static does not match the height of the label: has higher min-height set, and has a bottom padding set.

These are the changes, that should fix it:

.form-control-static {
   min-height: auto;  /* or remove */
   padding-bottom: 0;  /* or remove */
}

Result: