pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] web: properties field matching group's alignment

Browse Source 
This commit fixes the properties field alignment to make it more similar
to the form's group layout (using grid and its gap).

Steps to reproduce:
- Open CRM
- On a lead's form view
- Add properties
=> labels from second column aren't aligned with fields above

closes odoo/odoo#102730

X-original-commit: 5a1c14fe5761e964a2370883bf209b474e498918
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
This commit is contained in:
Pierre Paridans
2022-10-08 09:42:47 +02:00
parent c803e9e231
commit 692b4e93ec
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/views/fields/properties/properties_field.scss
+4
View File
@@ -1,5 +1,9 @@
.o_field_properties {
width: 100%;
.o_group {
gap: map-get($spacers, 2) $o-horizontal-padding * 2;
}
}
// The web client will add a "o_field_invalid" class when the field is considered
addons/web/static/src/views/fields/properties/properties_field.xml
+3 -3
View File
@@ -2,14 +2,14 @@
<templates xml:space="preserve">
<t t-name="web.PropertiesField" owl="1">
<div t-ref="properties" class="w-100">
<div class="o_group w-100 d-flex flex-row flex-wrap my-0">
<div class="o_group w-100 grid my-0">
<div
t-foreach="propertiesList"
t-as="propertyConfiguration"
t-key="propertyConfiguration.name"
class="o_property_field d-flex flex-row align-items-center justify-content-start"
t-att-property-name="propertyConfiguration.name"
t-attf-class="col-md-{{12 / props.columns}} col-sm-12">
t-attf-class="g-col-lg-{{12 / props.columns}} g-col-12">
<div class="o_td_label">
<label t-attf-class="o_field_property_label o_form_label {{state.movedPropertyName === propertyConfiguration.name ? 'o_property_field_highlight' : ''}} d-flex flex-row align-items-center">
<b
@@ -42,7 +42,7 @@
/>
</div>
</div>
<div class="o_field_property_add">
<div class="o_field_property_add" t-attf-class="g-col-lg-{{12 / props.columns}} g-col-12">
<button
t-if="!props.readonly &amp;&amp; state.canChangeDefinition"
class="btn btn-light text-muted m-0"