Ceph » mgr » Dashboard

Currently forms (and other hierarchical elements) rely on HTML <h[1-6]> tags to define the structure of information/fields/etc. However they also use <legend> elements, or just <div>'s styled with *-header, *-body, *-group, etc.

That leads to inconsistent structure in the DOM, and often also weird appearance in forms and other elements.

Example: pool-form.component form's title is <h3>, then there's a <legend> element "Compression", which appears bigger than the Form header, and another sub-element with title <h3>. This also happens to other forms (RBD, etc).

We should agree whether we want to structure based on HTML headings (properly styled) or HTML5 <section> + classes with a consistent styling (e.g: PF4 does this), and refactor those elements.

XHTML 2 <h> would've been great here too, but unfortunately it seems it's born dead.