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 { ...@@ -1127,6 +1127,7 @@ div[data-gadget-scope='header'] .ui-header ul {
} }
.gadget-content .ui-field-contain > label { .gadget-content .ui-field-contain > label {
color: #777777; color: #777777;
padding: 3pt;
} }
.gadget-content .ui-field-contain > label.required { .gadget-content .ui-field-contain > label.required {
font-weight: bold; font-weight: bold;
...@@ -1134,6 +1135,9 @@ div[data-gadget-scope='header'] .ui-header ul { ...@@ -1134,6 +1135,9 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content .ui-field-contain > label.invisible { .gadget-content .ui-field-contain > label.invisible {
display: none; 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) { @media only screen and (min-width: 45em) and (max-width: 85em), not screen and (max-width: 85em) {
.gadget-content .ui-field-contain { .gadget-content .ui-field-contain {
display: flex; display: flex;
......
...@@ -1307,6 +1307,9 @@ div[data-gadget-scope='header'] .ui-header { ...@@ -1307,6 +1307,9 @@ div[data-gadget-scope='header'] .ui-header {
& > label { & > label {
color: @grey; color: @grey;
// padding to be aligned with <input>
padding: @half-margin-size;
// backward-compatibility: support for ERP5 field class defined in formulator configuration // backward-compatibility: support for ERP5 field class defined in formulator configuration
&.required { &.required {
// inform user that the field is needed by contraint, but do not prevent him to save the value // 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 { ...@@ -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 { @media @tablet, @desktop {
.ui-field-contain { .ui-field-contain {
display: flex; 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