From e89423b2a67f4a105afbf27add230015697f8f32 Mon Sep 17 00:00:00 2001 From: Mohammed Shekha Date: Thu, 2 Apr 2020 12:49:07 +0000 Subject: [PATCH] [FIX] web: ribbon in form doesn't overlap kanban state Have a project.task that is archived Display it in form view and with the chatter on the side (big screen) (though the issue happens at any viewport size, with slight difference is positioning) Before this commit, the field kanban_state is under the ribbon, with no way to interact with it. It could happen with the title itself, or with any field that we'd put on the right side of the form. After this commit, the kanban_state field is visible. In short, siblings of the ribbon now have some right margin in css. task-2226237 closes odoo/odoo#56579 X-original-commit: d701317a6c3ba002e935f8b30ce160cc186c239a Signed-off-by: Lucas Perais (lpe) --- addons/web/static/src/scss/ribbon.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/addons/web/static/src/scss/ribbon.scss b/addons/web/static/src/scss/ribbon.scss index 197fd30d4e3..6837b0c7a13 100644 --- a/addons/web/static/src/scss/ribbon.scss +++ b/addons/web/static/src/scss/ribbon.scss @@ -62,3 +62,13 @@ } } } + +// after ribbon widget there can be field widgets or oe_title which may +// have widgets on right end, add margin-right so ribbon not overlap on it +.ribbon { + &:not(.o_invisible_modifier) { + ~ .oe_title, ~ .o_field_widget { + margin-right: 100px; + } + } +}