[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>
This commit is contained in:
Barad Mahendra
2020-05-18 12:11:22 +00:00
committed by Yannick Tivisse
parent 6d17897dff
commit 2e56191c8b
2 changed files with 12 additions and 3 deletions
@@ -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);
+11 -3
View File
@@ -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 {