Commit 7f2a84d4 authored by Tomáš Peterka's avatar Tomáš Peterka

[renderjs_ui] Harmonize padding for <label>, <input> and <p> (non-editable field)

parent 9a9b4731
......@@ -1127,6 +1127,7 @@ div[data-gadget-scope='header'] .ui-header ul {
}
.gadget-content .ui-field-contain > label {
color: #777777;
padding: 3pt;
}
.gadget-content .ui-field-contain > label.required {
font-weight: bold;
......@@ -1134,6 +1135,9 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content .ui-field-contain > label.invisible {
display: none;
}
.gadget-content .ui-field-contain p {
padding: 3pt;
}
@media only screen and (min-width: 45em) and (max-width: 85em), not screen and (max-width: 85em) {
.gadget-content .ui-field-contain {
display: flex;
......
......@@ -1307,6 +1307,9 @@ div[data-gadget-scope='header'] .ui-header {
& > label {
color: @grey;
// padding to be aligned with <input>
padding: @half-margin-size;
// backward-compatibility: support for ERP5 field class defined in formulator configuration
&.required {
// inform user that the field is needed by contraint, but do not prevent him to save the value
......@@ -1319,6 +1322,11 @@ div[data-gadget-scope='header'] .ui-header {
}
}
.ui-field-contain p {
// non-editable fields are rendered using <p> so they deserve the same padding as <input>s
padding: @half-margin-size;
}
@media @tablet, @desktop {
.ui-field-contain {
display: flex;
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment