vassili/seitime-frappe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 4

fix: Kanban add column style [WIP]

Browse source
This commit is contained in:
Suraj Shetty 2020-12-03 11:26:38 +05:30
parent 497c507198
commit d8739b1e64
2 changed files with 28 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frappe/public/js/frappe/views/kanban/kanban_view.js
View file

@ -32,6 +32,7 @@ frappe.views.KanbanView = class KanbanView extends frappe.views.ListView {
this.board_name = frappe.get_route()[3];
this.page_title = __(this.board_name);
this.card_meta = this.get_card_meta();
this.page_length = 0;
this.menu_items.push({
label: __('Save filters'),
@ -39,11 +40,18 @@ frappe.views.KanbanView = class KanbanView extends frappe.views.ListView {
this.save_kanban_board_filters();
}
});
this.toggle_paging = true;
return this.get_board();
});
}
setup_paging_area() {
// pass
}
toggle_result_area() {
this.$result.toggle(this.data.length > 0);
}
get_board() {
return frappe.db.get_doc('Kanban Board', this.board_name)
.then(board => {
@ -78,7 +86,6 @@ frappe.views.KanbanView = class KanbanView extends frappe.views.ListView {
this.save_view_user_settings({
last_kanban_board: this.board_name
});
this.toggle_paging && this.$paging_area.toggle(false);
}
render_list() {

28
frappe/public/scss/desk/kanban.scss
View file

@ -1,5 +1,5 @@
:root {
--kanban-column-hover-bg: var(--gray-100);
--kanban-column-bg: var(--gray-200);
--kanban-card-bg: var(--card-bg);
--kanban-card-hover-bg: var(--card-bg);
--kanban-new-card-bg: var(--gray-200);
@ -7,7 +7,7 @@
}
[data-theme="dark"] {
--kanban-column-hover-bg: var(--gray-700);
--kanban-column-bg: var(--gray-700);
--kanban-card-bg: var(--gray-800);
--kanban-new-card-bg: var(--gray-800);
--kanban-new-card-hover-bg: var(--gray-800);
@ -30,17 +30,16 @@
flex: 0 0 260px;
max-width: 260px;
border-radius: var(--border-radius);
margin: var(--margin-md) var(--margin-xs) var(--margin-md) 0;
margin: var(--margin-md) var(--margin-md) var(--margin-md) 0;
padding: var(--padding-sm);
min-height: calc(100vh - 340px);
min-height: calc(100vh - 250px);
background-color: var(--kanban-column-bg);
&.add-new-column {
order: 1;
}
&:hover {
background-color: var(--kanban-column-hover-bg);
.add-card {
background-color: var(--kanban-new-card-hover-bg);
box-shadow: var(--shadow-xs);
@ -140,7 +139,7 @@
.kanban-cards {
min-height: 100px;
max-height: calc(100vh - 360px);
max-height: calc(100vh - 250px);
margin: -5px;
padding: 5px;
overflow-y: scroll;
@ -233,8 +232,19 @@
}
}
.add-new-column a:hover {
color: var(--text-color) !important;
.add-new-column {
display: flex;
justify-content: center;
align-items: center;
min-height: 65px;
color: var(--text-muted);
border: 1px dashed var(--gray-400);
max-height: 80px;
background-color: transparent;
}
.add-new-column:hover {
background-color: var(--kanban-column-bg);
}
.kanban-card-meta {