diff options
| author | Barad Mahendra <mba@openerp.com> | 2020-05-05 11:53:03 +0000 |
|---|---|---|
| committer | Yannick Tivisse <yti@odoo.com> | 2020-05-18 12:11:22 +0000 |
| commit | 2e56191c8b86d05bbce17790de8a4732c0478013 (patch) | |
| tree | dc2280cc797dc53ce1e4a54745d877ca3dbb3f8c | |
| parent | 6d17897dffd97ad52ad933f3e95ac1236f605806 (diff) | |
[IMP] web: Improve the show and dropdown menu of kanban
As part of the kanban view cleaning done the below improvement
- When there is no global click on the kanban card, prevent the
'focus shadow' on card so remove the show on kanban record it
will only apply for global click class and quick create.
- On the dashboard opening a dropdown should close any other dropdown.
closes odoo/odoo#50536
Taskid: 2206372
Closes: #50536
Related: odoo/enterprise#10341
Signed-off-by: Yannick Tivisse (yti) <yti@odoo.com>
| -rw-r--r-- | addons/web/static/src/js/views/kanban/kanban_record.js | 1 | ||||
| -rw-r--r-- | addons/web/static/src/scss/kanban_view.scss | 14 |
2 files changed, 12 insertions, 3 deletions
diff --git a/addons/web/static/src/js/views/kanban/kanban_record.js b/addons/web/static/src/js/views/kanban/kanban_record.js index fbee9a5b1f0..52ff0365518 100644 --- a/addons/web/static/src/js/views/kanban/kanban_record.js +++ b/addons/web/static/src/js/views/kanban/kanban_record.js @@ -749,6 +749,7 @@ var KanbanRecord = Widget.extend({ */ _onManageTogglerClicked: function (event) { event.preventDefault(); + this.$el.parent().find('.o_kanban_record').not(this.$el).removeClass('o_dropdown_open'); this.$el.toggleClass('o_dropdown_open'); var colorClass = this._getColorClassname(this.recordData.color || 0); this.$('.o_kanban_manage_button_section').toggleClass(colorClass); diff --git a/addons/web/static/src/scss/kanban_view.scss b/addons/web/static/src/scss/kanban_view.scss index 13e502bb6f6..f9952f7bea9 100644 --- a/addons/web/static/src/scss/kanban_view.scss +++ b/addons/web/static/src/scss/kanban_view.scss @@ -17,9 +17,6 @@ padding: $o-kanban-inside-vgutter $o-kanban-inside-hgutter-mobile; } &:focus, &:focus-within { - -webkit-box-shadow: 1px 1px 1px 0px gray('600'); - -moz-box-shadow: 1px 1px 1px 0px gray('600'); - box-shadow: 1px 1px 1px 0px gray('600'); z-index: 1; // show the shadow on top of the previous & next cards in grouped mode outline: none; } @@ -41,6 +38,12 @@ pointer-events: none; opacity: 0.7; } + + &:focus, &:focus-within { + -webkit-box-shadow: 1px 1px 1px 0px gray('600'); + -moz-box-shadow: 1px 1px 1px 0px gray('600'); + box-shadow: 1px 1px 1px 0px gray('600'); + } } .o_kanban_record { @@ -314,6 +317,11 @@ // Kanban Record - Utility classes &.oe_kanban_global_click, &.oe_kanban_global_click_edit { cursor: pointer; + &:focus, &:focus-within { + -webkit-box-shadow: 1px 1px 1px 0px gray('600'); + -moz-box-shadow: 1px 1px 1px 0px gray('600'); + box-shadow: 1px 1px 1px 0px gray('600'); + } } &.ui-sortable-helper { |