pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[WIP] website: snippets: box snippet widget with resize options on click

Browse Source 
bzr revid: chm@openerp.com-20130909132800-au0lgkf8thirsv8r
This commit is contained in:
Christophe Matthieu
2013-09-09 15:28:00 +02:00
parent 62aafc07b1
commit 0b199c50e5
8 changed files with 314 additions and 194 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/css/editor.css
+46 -8
View File
@@ -129,6 +129,9 @@
.oe_snippet > * {
pointer-events: none;
}
.oe_snippet > :not(.oe_snippet_body):not(.oe_snippet_thumbnail) {
display: none !important;
}
.oe_snippet > *:first-child:not(.oe_snippet_thumbnail) {
display: block;
-webkit-transform-origin-x: 5px;
@@ -192,28 +195,26 @@
opacity: 0;
transition: opacity 100ms linear;
box-sizing: border-box;
pointer-events: none;
}
.oe_snippet_manipulator > .oe_handle {
.oe_snippet_manipulator .oe_handle {
display: none;
}
.oe_snippet_manipulator.oe_hover {
opacity: 1;
cursor: pointer;
}
.oe_snippet_manipulator.oe_selected {
.oe_snippet_manipulator.oe_selected, .oe_snippet_manipulator.oe_active {
opacity: 1;
pointer-events: none;
background: transparent;
border: dashed 1px rgba(153, 0, 255, 0.5);
box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset;
}
.oe_snippet_manipulator.oe_selected > * {
.oe_snippet_manipulator.oe_selected > *, .oe_snippet_manipulator.oe_active > * {
pointer-events: auto;
}
.oe_snippet_manipulator.oe_selected > .oe_handle {
display: block;
}
.oe_snippet_manipulator .oe_buttons {
display: none;
position: absolute;
right: 16px;
top: 16px;
@@ -227,6 +228,12 @@
padding: 8px;
cursor: pointer;
}
.oe_snippet_manipulator.oe_active {
z-index: 100000;
}
.oe_snippet_manipulator.oe_active .oe_handle, .oe_snippet_manipulator.oe_active .oe_buttons {
display: block;
}
.oe_handle {
pointer-events: auto;
@@ -241,7 +248,6 @@
width: 16px;
height: 16px;
margin: -8px;
cursor: move;
-webkit-transition: background 100ms linear;
}
.oe_handle:hover {
@@ -266,6 +272,38 @@
left: 0px;
}
.oe_handle.n {
cursor: n-resize;
}
.oe_handle.ne {
cursor: ne-resize;
}
.oe_handle.nw {
cursor: nw-resize;
}
.oe_handle.s {
cursor: s-resize;
}
.oe_handle.se {
cursor: se-resize;
}
.oe_handle.sw {
cursor: sw-resize;
}
.oe_handle.e {
cursor: e-resize;
}
.oe_handle.w {
cursor: w-resize;
}
/* ---- MOBILE PREVIEW ---- */
.oe_mobile_preview.modal .modal-content {
height: 660px;