summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorqsm-odoo <qsm@odoo.com>2017-09-20 15:17:12 +0200
committerqsm-odoo <qsm@odoo.com>2017-09-20 16:57:50 +0200
commit93bf26abc1cb8bab70bfbdb77c3118dc18e57836 (patch)
treeb7d6e8b01a407b597c76686d53109f0bd8b0f7b9
parent9d2e8253401885dae857c1848a7717f93cfbe237 (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.
-rw-r--r--addons/account/static/src/less/account_journal_dashboard.less4
-rw-r--r--addons/maintenance/static/src/less/maintenance_team_dashboard.less4
-rw-r--r--addons/mrp/views/mrp_workcenter_views.xml2
-rw-r--r--addons/payment/static/src/less/payment_acquirer.less7
-rw-r--r--addons/point_of_sale/static/src/less/pos_dashboard.less4
-rw-r--r--addons/sales_team/static/src/less/sales_team_dashboard.less2
-rw-r--r--addons/web/static/src/less/kanban_view.less8
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) {