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

[FIX] web: o_row style not applied on mobile

Browse Source 
Before this commit o_row class wasn't applied on mobile because
we wanted that each field take all width.

But we have noticed that this class is quite well used on desktop
and is often used for specic cases that we also want on mobile.
Example: Unit of measure (UOM) next to a numeric field.

So in this commit, we simply removed mobile media queries.
Due to the number of places where this class is used, fixes will
surely follow.

Related to task ID: 1929043
This commit is contained in:
Adrien Dieudonne
2021-01-20 12:39:42 +00:00
parent 1eb474243b
commit 7384c87b3f
1 changed files with 30 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/web/static/src/scss/form_view.scss
+30 -34
View File
@@ -54,34 +54,32 @@
float: right!important;
}
@include media-breakpoint-up(vsm, $o-extra-grid-breakpoints) {
.o_row {
&, &.o_field_widget { // Some field may want to use o_row as root and these rules must prevalue
display: flex;
width: auto!important;
}
.o_row {
&, &.o_field_widget { // Some field may want to use o_row as root and these rules must prevalue
display: flex;
width: auto!important;
}
align-items: baseline;
min-width: 50px;
margin: 0 (-$o-form-spacing-unit/2);
align-items: baseline;
min-width: 50px;
margin: 0 (-$o-form-spacing-unit/2);
> div, > span, > button, > label, > a, > input, > select { // > * did not add a level of priority to the rule
flex: 0 0 auto;
width: auto!important;
margin-right: $o-form-spacing-unit/2;
margin-left: $o-form-spacing-unit/2;
}
> div, > span, > button, > label, > a, > input, > select { // > * did not add a level of priority to the rule
flex: 0 0 auto;
width: auto!important;
margin-right: $o-form-spacing-unit/2;
margin-left: $o-form-spacing-unit/2;
}
> .o_row {
margin: 0;
}
> .btn {
padding-top: 0;
padding-bottom: 0;
}
> .o_field_boolean {
align-self: center;
}
> .o_row {
margin: 0;
}
> .btn {
padding-top: 0;
padding-bottom: 0;
}
> .o_field_boolean {
align-self: center;
}
}
@@ -136,16 +134,14 @@
padding: 0.3rem;
}
@include media-breakpoint-up(vsm, $o-extra-grid-breakpoints) {
.o_row {
> .o_field_widget, > div {
flex: 1 1 auto;
width: 0!important; // 3rd flex argument does not work with input (must be auto and real width 0)
.o_row {
> .o_field_widget, > div {
flex: 1 1 auto;
width: 0!important; // 3rd flex argument does not work with input (must be auto and real width 0)
&.o_field_boolean, &.o_priority {
flex: 0 0 auto;
width: auto!important;
}
&.o_field_boolean, &.o_priority {
flex: 0 0 auto;
width: auto!important;
}
}
}