[IMP] event: kanban view in new design

2 files changed, 33 insertions, 35 deletions

diff --git a/addons/event/static/src/css/event.css b/addons/event/static/src/css/event.css
deleted file mode 100644
index fc7fccdfa1e..00000000000
--- a/addons/event/static/src/css/event.css
+++ /dev/null
@@ -1,35 +0,0 @@
-.openerp .oe_kanban_view .oe_event_kanban_view {
- /* Customize width and height of kanban according bootstrap3 */
-  width: 355px;
-  min-height: 100px !important;
-  /* End of customize */
-  cursor: default;
-}
-.openerp .oe_kanban_view .oe_event_kanban_view .oe_event_date_thumb {
-  border-top-left-radius:3px;
-  border-top-right-radius:3px;
-  font-size: 12px;
-  height: auto;
-  font-weight: bold;
-  text-align: center;
-  margin-bottom:-7px;
-  color: #FFFFFF;
-  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
-  background-color: #8A89BA;
-}
-.openerp .oe_kanban_view .oe_event_kanban_view .oe_event_date {
-  font-size: 36px;
-  height: auto;
-}
-.openerp .oe_kanban_view .oe_event_kanban_view .oe_event_month_year {
-  margin-bottom: 0px;
-}
-.openerp .oe_kanban_view .oe_event_kanban_view .oe_event_time {
-  border-collapse: separate;
-  color: #8A89BA;
-  background-color: #FFFFFF;
-}
-.openerp .oe_kanban_view .oe_event_kanban_view .oe_module_vignette.row{
-  width: 370px;
-}
diff --git a/addons/event/static/src/less/event.less b/addons/event/static/src/less/event.less
new file mode 100644
index 00000000000..2d5454845c4
--- /dev/null
+++ b/addons/event/static/src/less/event.less
@@ -0,0 +1,33 @@
+.o_kanban_view.o_event_kanban_view {
+
+    .o_kanban_record {
+        position: relative;
+        padding: 0;
+
+        .o-flex-display();
+
+        .o_dropdown_kanban {
+            position: absolute;
+            top: 0;
+            right: 3px;
+        }
+
+        .o_event_left {
+            .o-flex(1, 1, 25%);
+            text-align: center;
+            color: white;
+            background-color: @odoo-brand-optional;
+            padding: 8px;
+
+            .o_day {
+                font-size: 26px;
+            }
+        }
+
+        .o_event_right {
+            .o-flex(1, 1, 75%);
+            padding: 8px;
+            margin-left: 8px;
+        }
+    }
+}