Commit e965727e authored by Romain Courteaud's avatar Romain Courteaud

[erp5_web_renderjs_ui] CSS: add support for the required class

parent c7b59693
......@@ -1066,18 +1066,18 @@ div[data-gadget-scope='header'] .ui-header ul {
.gadget-content .ui-field-contain > label {
color: #777777;
}
.gadget-content .ui-field-contain > label.required {
font-weight: bold;
}
.gadget-content .ui-field-contain > label.invisible {
display: none;
}
@media only screen and (min-width: 45em) and (max-width: 85em), not screen and (max-width: 85em) {
.gadget-content .ui-field-contain {
display: flex;
}
.gadget-content .ui-field-contain > label {
flex: 1;
/* Disclaimer: Class .invisible is here only for backward-compatibility!
Don't rely on this class because it will be removed.
It was used to hide the label of a FormBox. */
}
.gadget-content .ui-field-contain > label.invisible {
display: none;
}
.gadget-content .ui-field-contain > label + div {
flex: 3;
......
......@@ -242,7 +242,7 @@
</item>
<item>
<key> <string>serial</string> </key>
<value> <string>964.15434.53071.55364</string> </value>
<value> <string>964.15700.34446.43025</string> </value>
</item>
<item>
<key> <string>state</string> </key>
......@@ -260,7 +260,7 @@
</tuple>
<state>
<tuple>
<float>1513679339.57</float>
<float>1513694877.1</float>
<string>UTC</string>
</tuple>
</state>
......
......@@ -1242,6 +1242,16 @@ div[data-gadget-scope='header'] .ui-header {
.ui-field-contain {
& > label {
color: @grey;
// 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
font-weight: bold;
}
&.invisible {
// used to hide the label of a formbox
display: none;
}
}
}
......@@ -1250,12 +1260,6 @@ div[data-gadget-scope='header'] .ui-header {
display: flex;
& > label {
flex: 1;
/* Disclaimer: Class .invisible is here only for backward-compatibility!
Don't rely on this class because it will be removed.
It was used to hide the label of a FormBox. */
&.invisible {
display: none;
}
}
& > label + div {
flex: 3;
......
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