[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
This commit is contained in:
Christophe Matthieu
2014-02-17 11:04:18 +01:00
parent 0227d6a056
commit 7d6dd7070d
3 changed files with 83 additions and 25 deletions
+23 -3
View File
@@ -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;
+24 -3
View File
@@ -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 *