backend_theme/static/src/less/form_adaption.less
@odoo-form-group-cols: 12;
@sheet-max-width: 95%;
@sheet-min-width: 340px;
@sheet-padding: 16px;
.o_form_view {
/*form 中的sheet 的最小的宽度进行调整 降低为手机的屏幕大小就可以了*/
&.o_form_nosheet {
min-width:250px;
padding: 16px;
&.oe_form_nomargin {
margin: 0;
}
}
/*form 中的sheet 的最小的宽度进行调整 降低为手机的屏幕大小就可以了*/
.o_form_sheet_bg {
position: relative;
padding: @sheet-padding 0;
.o_form_sheet {
min-width: @sheet-min-width;
}
}
/*** form 中设置field的最小的宽度 保证屏幕在缩小的时候不会导致看不清楚想要的结果
这种写法并不全面,影响到了在form 中group 内的tree列表视图*/
.o_group > .o_group_col_6 > tbody > tr > td > .o_form_field {
min-width: 150px;
}
.o_group{
&.o_inner_group {
display: inline-table;
> tbody > tr > td {
&.o_td_label {
width: 0%;
padding: 0 15px 0 0;
min-width: 100px;
}
}
}
}
}
// Shell div to position the modal with bottom padding
.modal-dialog {
position: relative;
min-width:300px;
margin: 10px;
}
.o_list_view {
.o_list_text{
white-space: nowrap;
}
}