[REF] project: set new kanban layout for project kanban

New kanban design is basically new LESS to override the old one. In the
next version, we will work on a better and uniform layout (which will
allow better LESS). Here, we already set a better layout for project,
as an example.

1 files changed, 110 insertions, 106 deletions

diff --git a/addons/project/static/src/less/project_dashboard.less b/addons/project/static/src/less/project_dashboard.less
index 54851046a27..c018a88badd 100644
--- a/addons/project/static/src/less/project_dashboard.less
+++ b/addons/project/static/src/less/project_dashboard.less
@@ -1,106 +1,110 @@
-.o_kanban_view.o_kanban_dashboard.o_project_kanban {
-
-    .o_kanban_record {
-        .o-flex-display();
-        position: relative;
-    }
-
-    .o_project_kanban_main {
-        .o-flex(0, 0, auto);
-        padding: @odoo-horizontal-padding;
-        width: 70%; // for IE11 overflow issue
-
-        // give space for manage section at the bottom
-        margin-bottom: @odoo-horizontal-padding/2 + 19px;
-
-        .o_kanban_card_content {
-            font-size: 12px;
-            .o_primary {
-                font-size: larger;
-            }
-        }
-
-        .o_project_kanban_manage {
-            .o_left {
-                .o-position-absolute(@bottom: 0, @left: 0);
-                padding: @odoo-horizontal-padding/2 @odoo-horizontal-padding;
-            }
-            .o_right {
-                .o-position-absolute(@bottom: 0, @right: 30%);
-                padding: @odoo-horizontal-padding/2 @odoo-horizontal-padding;
-            }
-            .o_kanban_manage_toggle_button {
-                font-size: 18px;
-            }
-        }
-        .o_kanban_card_manage_pane .o_kanban_card_manage_title {
-            margin: 0;
-        }
-    }
-
-    .o_project_kanban_boxes {
-        width: 30%;
-        .o-flex(0, 0, auto);
-
-        .o-flex-display();
-        .o-flex-flow(column, nowrap);
-
-        > a:hover {
-            text-decoration: none;
-        }
-
-        .o_value {
-            font-size: x-large;
-            color: white;
-            display: block;
-        }
-        .o_label {
-            color: white;
-        }
-        .o_needaction{
-            position: absolute;
-            top: 5px;
-            right: 5px;
-            color: white;
-            font-size: small;
-            opacity: 0.5;
-            &:hover{
-                opacity:1;
-            }
-            &::before {
-                content: "\f086";
-                font: normal normal normal 14px/1 FontAwesome;
-            }
-        }
-
-        .o_project_kanban_box {
-            position: relative;
-            text-align: center;
-            padding: 0 0 0 0;
-            .o-flex(1, 1, auto);
-            .o-flex-display();
-            .o-flex-flow(column, nowrap);
-            .o-justify-content(center);
-        }
-        .o_project_kanban_box:nth-child(even) {
-            background-color: grey;
-        }
-        .o_project_kanban_box:nth-child(odd) {
-            background-color: @odoo-brand-optional;
-        }
-    }
-}
-
-.o_kanban_task_cover_image {
-    .o-columns(200px, 4);
-    > img {
-        cursor: pointer;
-        margin-bottom: 1em;
-        border: 1px solid transparent;
-
-        &.o_selected {
-            border-color: @odoo-brand-secondary;
-            box-shadow: 0px 0px 2px 2px @odoo-brand-secondary;
-        }
-    }
-}
+// .o_kanban_view.o_kanban_dashboard.o_project_kanban {
+// 
+//     .o_kanban_record {
+//         .o-flex-display();
+//         .o-flex-flow(column, nowrap);
+//         position: relative;
+//     }
+// 
+//     .o_project_kanban_main {
+//         .o-flex(0, 0, auto);
+//         // padding: @odoo-horizontal-padding;
+//         // width: 70%; // for IE11 overflow issue
+// 
+//         // give space for manage section at the bottom
+//         // margin-bottom: @odoo-horizontal-padding/2 + 19px;
+// 
+//         .o_kanban_card_content {
+//             font-size: 12px;
+//             .o_kanban_primary_left {
+//                 margin-left: 30px;
+//             }
+//             .o_primary {
+//                 font-size: larger;
+//             }
+//         }
+// 
+//         .o_project_kanban_manage {
+//             .o_left {
+//                 // .o-position-absolute(@bottom: 0, @left: 0);
+//                 padding: @odoo-horizontal-padding/2 @odoo-horizontal-padding;
+//             }
+//             .o_right {
+//                 // .o-position-absolute(@bottom: 0, @right: 30%);
+//                 padding: @odoo-horizontal-padding/2 @odoo-horizontal-padding;
+//             }
+//             .o_kanban_manage_toggle_button {
+//                 font-size: 18px;
+//             }
+//         }
+//         .o_kanban_card_manage_pane .o_kanban_card_manage_title {
+//             margin: 0;
+//         }
+//     }
+// 
+//     .o_project_kanban_boxes {
+//         // width: 30%;
+//         .o-flex(0, 0, auto);
+// 
+//         .o-flex-display();
+//         .o-flex-flow(column, nowrap);
+// 
+//         > a:hover {
+//             text-decoration: none;
+//         }
+// 
+//         .o_value {
+//             font-size: x-large;
+//             color: white;
+//             display: block;
+//         }
+//         .o_label {
+//             color: white;
+//         }
+//         .o_needaction{
+//             position: absolute;
+//             top: 5px;
+//             right: 5px;
+//             color: white;
+//             font-size: small;
+//             opacity: 0.5;
+//             &:hover{
+//                 opacity:1;
+//             }
+//             &::before {
+//                 content: "\f086";
+//                 font: normal normal normal 14px/1 FontAwesome;
+//             }
+//         }
+// 
+//         .o_project_kanban_box {
+//             position: relative;
+//             text-align: center;
+//             padding: 0 0 0 0;
+//             .o-flex(1, 1, auto);
+//             .o-flex-display();
+//             .o-flex-flow(column, nowrap);
+//             .o-justify-content(center);
+//         }
+//         .o_project_kanban_box:nth-child(even) {
+//             background-color: grey;
+//         }
+//         .o_project_kanban_box:nth-child(odd) {
+//             background-color: @odoo-brand-optional;
+//         }
+//     }
+// }
+// 
+// .o_kanban_task_cover_image {
+//     .o-columns(200px, 4);
+//     > img {
+//         cursor: pointer;
+//         margin-bottom: 1em;
+//         border: 1px solid transparent;
+// 
+//         &.o_selected {
+//             border-color: @odoo-brand-secondary;
+//             box-shadow: 0px 0px 2px 2px @odoo-brand-secondary;
+//         }
+//     }
+// }