diff options
| author | qsm-odoo <qsm@odoo.com> | 2017-09-20 15:17:12 +0200 |
|---|---|---|
| committer | qsm-odoo <qsm@odoo.com> | 2017-09-20 16:57:50 +0200 |
| commit | 93bf26abc1cb8bab70bfbdb77c3118dc18e57836 (patch) | |
| tree | b7d6e8b01a407b597c76686d53109f0bd8b0f7b9 /addons | |
| parent | 9d2e8253401885dae857c1848a7717f93cfbe237 (diff) | |
[FIX] web, *: review kanban record sizes
* account, maintenance, mrp, payment, point_of_sale, sales_team
Previous system was:
- `flex: 1 1 300px;` on kanban records
- If a specific record needs a different size, add custom style to
either change the `flex` rule or set a `min-width` for >=SM screens
Now:
- `flex: 1 1 auto;` and `width: 300px;` on kanban records
- If a specific record needs a different size, add custom style to
change the `width` rule.
This allows some standardization of the way to customize the suited
width and also allow lesser LESS code (as the previous version required
either the use of the flex mixin or the use of a media query).
Note:
- Also remove useless app record rule
- Also fix MRP Work Centers record width
Note2:
This system should be improved for version 12.0.
Diffstat (limited to 'addons')
7 files changed, 10 insertions, 21 deletions
diff --git a/addons/account/static/src/less/account_journal_dashboard.less b/addons/account/static/src/less/account_journal_dashboard.less index a61d7aebf01..e5973b971b1 100644 --- a/addons/account/static/src/less/account_journal_dashboard.less +++ b/addons/account/static/src/less/account_journal_dashboard.less @@ -1,8 +1,6 @@ .o_kanban_view.o_kanban_dashboard.o_account_kanban { .o_kanban_record { - @media (min-width: @screen-sm-min) { - min-width: 450px; - } + width: 450px; .oe_kanban_action_button { margin-bottom: 5px; diff --git a/addons/maintenance/static/src/less/maintenance_team_dashboard.less b/addons/maintenance/static/src/less/maintenance_team_dashboard.less index 3f895d47b8f..69fd9116ec9 100644 --- a/addons/maintenance/static/src/less/maintenance_team_dashboard.less +++ b/addons/maintenance/static/src/less/maintenance_team_dashboard.less @@ -1,7 +1,5 @@ .o_kanban_view.o_kanban_dashboard.o_maintenance_team_kanban { .o_kanban_record { - @media (min-width: @screen-sm-min) { - min-width: 420px; - } + width: 420px; } } diff --git a/addons/mrp/views/mrp_workcenter_views.xml b/addons/mrp/views/mrp_workcenter_views.xml index 8afdc372e57..0b83f6c0505 100644 --- a/addons/mrp/views/mrp_workcenter_views.xml +++ b/addons/mrp/views/mrp_workcenter_views.xml @@ -143,7 +143,7 @@ <field name="oee_target"/> <templates> <t t-name="kanban-box"> - <div style="max-width: 250px; margin: 0 10px 10px" t-attf-class="#{kanban_color(record.color.raw_value)}"> + <div style="width: 400px;" t-attf-class="#{kanban_color(record.color.raw_value)}"> <div t-attf-class="o_kanban_card_header o_kanban_record_top"> <div class="o_kanban_record_headings o_kanban_card_header_title"> <span name="wc_stages" class="pull-left"> diff --git a/addons/payment/static/src/less/payment_acquirer.less b/addons/payment/static/src/less/payment_acquirer.less index 59cf10440da..43c7f23511a 100644 --- a/addons/payment/static/src/less/payment_acquirer.less +++ b/addons/payment/static/src/less/payment_acquirer.less @@ -1,9 +1,8 @@ .o_kanban_view.o_kanban_payment_acquirer { &.o_kanban_ungrouped { .o_kanban_record { - @media (min-width: @screen-sm-min) { - min-width: 500px; - } + width: 500px; + .o_kanban_image { float: right; @@ -59,4 +58,4 @@ .o_warning_text { color: #f0ad4e; } -}
\ No newline at end of file +} diff --git a/addons/point_of_sale/static/src/less/pos_dashboard.less b/addons/point_of_sale/static/src/less/pos_dashboard.less index dd0331b5bc1..469fd9982f2 100644 --- a/addons/point_of_sale/static/src/less/pos_dashboard.less +++ b/addons/point_of_sale/static/src/less/pos_dashboard.less @@ -1,7 +1,5 @@ .o_kanban_view.o_kanban_dashboard.o_pos_kanban.o_kanban_ungrouped { .o_kanban_record { - @media (min-width: @screen-sm-min) { - min-width: 500px; - } + width: 500px; } } diff --git a/addons/sales_team/static/src/less/sales_team_dashboard.less b/addons/sales_team/static/src/less/sales_team_dashboard.less index 93a2848195d..a0a36e2653b 100644 --- a/addons/sales_team/static/src/less/sales_team_dashboard.less +++ b/addons/sales_team/static/src/less/sales_team_dashboard.less @@ -4,7 +4,7 @@ @sale-table-spacing: 10px; .o_kanban_record { - .o-flex(1, 1, 450px); + width: 450px; .o_sales_team_kanban_graph_section { .o_graph_linechart { diff --git a/addons/web/static/src/less/kanban_view.less b/addons/web/static/src/less/kanban_view.less index ee510f75e29..4caff67d181 100644 --- a/addons/web/static/src/less/kanban_view.less +++ b/addons/web/static/src/less/kanban_view.less @@ -263,11 +263,6 @@ // Provide a basic style for different kanban record layouts // --------------------------------------------------------- .oe_kanban_card, .o_kanban_record { - // Apps List records sizing - &.oe_module_vignette { - .o-flex(1, 1, 350px); - } - // ------- v11 Layout + generic layouts (~v10) ------- // Kanban Record - Dropdown .o_dropdown_kanban { @@ -603,7 +598,8 @@ padding: @o-kanban-record-margin (@odoo-horizontal-padding - @o-kanban-record-margin); .o_kanban_record { - .o-flex(1, 1, @o-kanban-default-record-width); + .o-flex(1, 1, auto); + width: @o-kanban-default-record-width; margin: (@o-kanban-record-margin * 0.5) @o-kanban-record-margin; @media (max-width: @screen-xs-max) { |
