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 {