From 7d6dd7070da164683bf77cd67d4e7bbfd16401cf Mon Sep 17 00:00:00 2001
From: Christophe Matthieu <chm@openerp.com>
Date: Mon, 17 Feb 2014 11:04:18 +0100
Subject: [FIX] website: snippet resizing; Users don't understand when they can
 drag arrows to resize col-md-XX. They try, it does not work, so they think
 the feature does not work. So, horizontal arrow on col-md-XX snippets should
 use an icon according to what you can do

bzr revid: chm@openerp.com-20140217100418-iwdrv36a4u2inasn
---
 addons/website/static/src/css/snippets.css  | 26 +++++++++++++++++++++++---
 addons/website/static/src/css/snippets.sass | 27 ++++++++++++++++++++++++---
 2 files changed, 47 insertions(+), 6 deletions(-)

(limited to 'addons/website/static/src/css')

diff --git a/addons/website/static/src/css/snippets.css b/addons/website/static/src/css/snippets.css
index 00235b3f028..4d6d61c7db1 100644
--- a/addons/website/static/src/css/snippets.css
+++ b/addons/website/static/src/css/snippets.css
@@ -278,7 +278,8 @@
   cursor: w-resize;
 }
 .oe_overlay .oe_handle.e:before {
-  content: "\F061";
+  content: "\f0d9-\f0da";
+  line-height: 16px;
 }
 .oe_overlay .oe_handle.s {
   top: auto;
@@ -327,7 +328,8 @@
   cursor: e-resize;
 }
 .oe_overlay .oe_handle.w:before {
-  content: "\F060";
+  content: "\f0d9-\f0da";
+  line-height: 16px;
 }
 .oe_overlay .oe_handle.n {
   left: 2px;
@@ -336,7 +338,7 @@
   cursor: s-resize;
 }
 .oe_overlay .oe_handle.n:before {
-  content: "\F062";
+  content: "\f062";
 }
 .oe_overlay .icon.btn {
   display: inline-block;
@@ -362,6 +364,24 @@
 .oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input {
   display: block;
 }
+.oe_overlay.block-w-left .w:before {
+  content: "\F061" !important;
+}
+.oe_overlay.block-w-right .w:before {
+  content: "\F060" !important;
+}
+.oe_overlay.block-w-left.block-w-right .w {
+  display: none !important;
+}
+.oe_overlay.block-e-left .e:before {
+  content: "\F061" !important;
+}
+.oe_overlay.block-e-right .e:before {
+  content: "\F060" !important;
+}
+.oe_overlay.block-e-left.block-e-right .e {
+  display: none !important;
+}
 
 .s-resize-important, .s-resize-important * {
   cursor: s-resize !important;
diff --git a/addons/website/static/src/css/snippets.sass b/addons/website/static/src/css/snippets.sass
index ed9c38731db..82a983a30e4 100644
--- a/addons/website/static/src/css/snippets.sass
+++ b/addons/website/static/src/css/snippets.sass
@@ -147,6 +147,7 @@
 
 .resize_editor_busy
     background-color: rgba(0,0,0,0.3)
+
 .oe_overlay
     display: none
     position: absolute
@@ -201,7 +202,8 @@
             right: -6px
             cursor: w-resize
             &:before
-                content: "\F061"
+                content: "\f0d9-\f0da"
+                line-height: 16px
         &.s
             top: auto
             left: 2px
@@ -240,14 +242,15 @@
             left: -6px
             cursor: e-resize
             &:before
-                content: "\F060"
+                content: "\f0d9-\f0da"
+                line-height: 16px
         &.n
             left: 2px
             width: 100%
             top: -6px
             cursor: s-resize
             &:before
-                content: "\F062"
+                content: "\f062"
 
     .icon.btn
         display: inline-block
@@ -269,6 +272,24 @@
         .dropdown-menu select,.dropdown-menu input
             display: block
 
+    &.block-w-left
+        .w:before
+            content: "\F061" !important
+    &.block-w-right
+        .w:before
+            content: "\F060" !important
+    &.block-w-left.block-w-right .w
+        display: none !important
+    &.block-e-left
+        .e:before
+            content: "\F061" !important
+    &.block-e-right
+        .e:before
+            content: "\F060" !important
+    &.block-e-left.block-e-right .e
+        display: none !important
+
+
 .s-resize-important, .s-resize-important *
     cursor: s-resize !important
 .n-resize-important, .n-resize-important *
-- 
cgit v1.2.3