diff options
| author | Alexandre Kühn <aku@odoo.com> | 2020-04-29 10:00:06 +0000 |
|---|---|---|
| committer | Alexandre Kühn <aku@odoo.com> | 2020-04-29 12:40:03 +0000 |
| commit | ea143795e9064823e5bed2c7ef817c52d2a0dff8 (patch) | |
| tree | 957917b05139c6f3be42914155284283cd2a2862 /addons/web/static | |
| parent | 005eda5c34a850a49cca5f324a2ff5b65e4f5611 (diff) | |
[FIX] web: fix rating kanban card layout
Revision on 7ecae3357117b1fd9889540556d5eba14ef8f237
Commit above introduced schedule activities on partner kanban view,
and also made slight CSS change in order to position next activity
nicely at the bottom of the card.
This change broke the layout in Rating kanban view with a groupby
filter. This happens because some CSS rules made use of a combination
of inline-block/float/margin-compensation to display image next
to kanban textual information.
This commit fixes all above issues by using flex.
Task-Id 2237638
closes odoo/odoo#50386
X-original-commit: e7e3d14f980b221158042097568061363f6f1468
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
Diffstat (limited to 'addons/web/static')
| -rw-r--r-- | addons/web/static/src/scss/kanban_view.scss | 10 |
1 files changed, 5 insertions, 5 deletions
diff --git a/addons/web/static/src/scss/kanban_view.scss b/addons/web/static/src/scss/kanban_view.scss index 8779e8b7073..f2355758153 100644 --- a/addons/web/static/src/scss/kanban_view.scss +++ b/addons/web/static/src/scss/kanban_view.scss @@ -45,7 +45,7 @@ .o_kanban_record { position: relative; - display: inline-block; // Force the creation of a block formatting context to clear float items + display: flex; border-color: gray('400'); min-width: 150px; margin: 0 0 -1px; @@ -342,19 +342,19 @@ } .o_kanban_image { - float: left; width: $o-kanban-image-width; + flex-shrink: 0; + div { - padding-left: $o-kanban-image-width + $o-kanban-inside-hgutter; + padding-left: $o-kanban-inside-hgutter; @include media-breakpoint-down(sm) { - padding-left: $o-kanban-image-width + $o-kanban-inside-hgutter-mobile; + padding-left: $o-kanban-inside-hgutter-mobile; } } } .oe_kanban_details { - display: inherit; + display: flex; flex-flow: column; width: 100%; |