osbzr/gooderp_addons

View on GitHub
backend_theme/static/src/less/form_adaption.less

Summary

Maintainability
Test Coverage
@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;
    }
}