2 files changed, 47 insertions, 6 deletions
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 *