From f67298c6b28bd54b6f4015eaae6d99ccb19eeddf Mon Sep 17 00:00:00 2001
From: =?utf8?q?G=C3=A9ry=20Debongnie?= <ged@odoo.com>
Date: Thu, 23 Oct 2014 08:51:26 +0200
Subject: [PATCH] [FIX] fix display issue in IE in kanbans

vertical text in folded kanban groups did not have a correct
orientation in IE.

Also, stupid sass compiler insists on normalizing color codes. No idea
why
---
 addons/web_kanban/static/src/css/kanban.css  |   67 +++++++++++++-------------
 addons/web_kanban/static/src/css/kanban.sass |    2 +-
 2 files changed, 34 insertions(+), 35 deletions(-)

diff --git a/addons/web_kanban/static/src/css/kanban.css b/addons/web_kanban/static/src/css/kanban.css
index 782a9fb..e20f644 100644
--- a/addons/web_kanban/static/src/css/kanban.css
+++ b/addons/web_kanban/static/src/css/kanban.css
@@ -1,4 +1,3 @@
-@charset "utf-8";
 .openerp .oe_kanban_view {
   background: white;
   height: inherit;
@@ -17,7 +16,7 @@
   max-width: 700px;
 }
 .openerp .oe_kanban_view .oe_view_nocontent .oe_view_nocontent_bg {
-  background: #eeeeee;
+  background: #eee;
   opacity: 0.7;
   position: absolute;
   top: 0;
@@ -71,7 +70,7 @@
   word-wrap: break-word;
 }
 .openerp .oe_kanban_view .oe_kanban_content .oe_star_on, .openerp .oe_kanban_view .oe_kanban_content .oe_star_off {
-  color: #cccccc;
+  color: #ccc;
   text-shadow: 0 0 2px black;
   vertical-align: top;
   position: relative;
@@ -88,7 +87,7 @@
 }
 .openerp .oe_kanban_view .oe_kanban_button_new {
   color: white;
-  background: #dc5f59;
+  background: #DC5F59;
 }
 .openerp .oe_kanban_view .oe_kanban_groups {
   height: inherit;
@@ -161,7 +160,7 @@
 }
 .openerp .oe_kanban_view .oe_form .oe_kanban_column {
   padding: 0px;
-  background: white;
+  background: #ffffff;
 }
 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column, .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column_cards {
   height: 100%;
@@ -188,7 +187,7 @@
   color: #666666;
 }
 .openerp .oe_kanban_view .oe_kanban_group_title_vertical {
-  writing-mode: tb-rl;
+  writing-mode: vertical-rl;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -o-transform: rotate(90deg);
@@ -247,7 +246,7 @@
   -box-shadow: none;
 }
 .openerp .oe_kanban_view .oe_kanban_quick_create input:focus {
-  border: 1px solid #a6a6fe;
+  border: 1px solid #A6A6FE;
   -moz-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
   -webkit-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
   -box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
@@ -320,15 +319,15 @@
   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 }
 .openerp .oe_kanban_view .oe_kanban_box {
-  background: white;
-  border: 2px solid #cccccc;
+  background: #FFF;
+  border: 2px solid #CCC;
   border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   margin-bottom: 5px;
 }
 .openerp .oe_kanban_view .oe_kanban_box_header {
-  border-bottom: 1px solid #cccccc;
+  border-bottom: 1px solid #CCC;
 }
 .openerp .oe_kanban_view .oe_kanban_title {
   font-size: 95%;
@@ -387,8 +386,8 @@
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
-  color: black;
-  text-shadow: 0 1px white;
+  color: #000000;
+  text-shadow: 0 1px #fff;
   padding: 0 4px;
   font-size: 85%;
   margin: 1px;
@@ -413,10 +412,10 @@
   cursor: move;
 }
 .openerp .oe_kanban_view .oe_kanban_color_border {
-  border-color: #cccccc;
+  border-color: #CCCCCC;
 }
 .openerp .oe_kanban_view .oe_kanban_color_border {
-  border-color: #cccccc;
+  border-color: #CCCCCC;
 }
 .openerp .oe_kanban_view .oe_kanban_tooltip ul, .openerp .oe_kanban_view ul.oe_kanban_tooltip {
   padding: 0 0 4px 0;
@@ -448,10 +447,10 @@
   border-radius: 4px;
 }
 .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover {
-  border: 1px solid #7c7bad;
-  -moz-box-shadow: 0 0 4px #7c7bad;
-  -webkit-box-shadow: 0 0 4px #7c7bad;
-  -box-shadow: 0 0 4px #7c7bad;
+  border: 1px solid #7C7BAD;
+  -moz-box-shadow: 0 0 4px #7C7BAD;
+  -webkit-box-shadow: 0 0 4px #7C7BAD;
+  -box-shadow: 0 0 4px #7C7BAD;
 }
 .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span {
   visibility: visible;
@@ -486,9 +485,9 @@
 .openerp .oe_kanban_view .oe_kanban_footer_left > span {
   margin-top: 2px;
   display: inline-block;
-  background: #e6e6e6;
-  border: 1px solid #b9b9b9;
-  color: #666666;
+  background: #E6E6E6;
+  border: 1px solid #B9B9B9;
+  color: #666;
   padding: 0 2px;
   line-height: 16px;
   -moz-border-radius: 3px;
@@ -521,7 +520,7 @@
   top: 2px;
 }
 .openerp .oe_kanban_view .oe_kanban_text_red {
-  color: #a61300;
+  color: #A61300;
   font-weight: bold;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
@@ -573,52 +572,52 @@
   border: 1px solid gray !important;
 }
 .openerp .oe_kanban_view .oe_kanban_colorpicker li:first-child a {
-  border: 1px solid #cccccc;
+  border: 1px solid #ccc;
 }
 .openerp .oe_kanban_view .oe_kanban_color_0 {
-  background-color: white;
+  background-color: #FFFFFF;
   color: #5a5a5a;
 }
 .openerp .oe_kanban_view .oe_kanban_color_1 {
-  background-color: #cccccc;
+  background-color: #CCCCCC;
   color: #424242;
 }
 .openerp .oe_kanban_view .oe_kanban_color_2 {
-  background-color: #ffc7c7;
+  background-color: #FFC7C7;
   color: #7a3737;
 }
 .openerp .oe_kanban_view .oe_kanban_color_3 {
-  background-color: #fff1c7;
+  background-color: #FFF1C7;
   color: #756832;
 }
 .openerp .oe_kanban_view .oe_kanban_color_4 {
-  background-color: #e3ffc7;
+  background-color: #E3FFC7;
   color: #5d6937;
 }
 .openerp .oe_kanban_view .oe_kanban_color_5 {
-  background-color: #c7ffd5;
+  background-color: #C7FFD5;
   color: #1a7759;
 }
 .openerp .oe_kanban_view .oe_kanban_color_6 {
-  background-color: #c7ffff;
+  background-color: #C7FFFF;
   color: #1a5d83;
 }
 .openerp .oe_kanban_view .oe_kanban_color_7 {
-  background-color: #c7d5ff;
+  background-color: #C7D5FF;
   color: #3b3e75;
 }
 .openerp .oe_kanban_view .oe_kanban_color_8 {
-  background-color: #e3c7ff;
+  background-color: #E3C7FF;
   color: #4c3668;
 }
 .openerp .oe_kanban_view .oe_kanban_color_9 {
-  background-color: #ffc7f1;
+  background-color: #FFC7F1;
   color: #6d2c70;
 }
 
 .openerp .oe_form .oe_kanban_view .oe_kanban_column, .openerp .oe_form .oe_kanban_view .oe_kanban_group_header {
   padding: 0px;
-  background: white;
+  background: #ffffff;
 }
 
 .openerp .oe_popup_form .oe_kanban_buttons .oe_highlight {
diff --git a/addons/web_kanban/static/src/css/kanban.sass b/addons/web_kanban/static/src/css/kanban.sass
index 98247d7..9c95d45 100644
--- a/addons/web_kanban/static/src/css/kanban.sass
+++ b/addons/web_kanban/static/src/css/kanban.sass
@@ -200,7 +200,7 @@
     .oe_kanban_group_title_undefined
         color: #666666
     .oe_kanban_group_title_vertical
-        writing-mode: tb-rl
+        writing-mode: vertical-rl
         -webkit-transform: rotate(90deg)
         -moz-transform: rotate(90deg)
         -o-transform: rotate(90deg)
-- 
1.7.10.4