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

[IMP] website: basics of snippet system are now working and looking good

Browse Source 
bzr revid: fva@openerp.com-20130821162534-yr6nx292xoj2m2s2
This commit is contained in:
Frédéric van der Essen
2013-08-21 18:25:34 +02:00
parent 1df99b0482
commit 5848dc526f
4 changed files with 226 additions and 77 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/src/css/editor.css
+64 -29
View File
@@ -63,49 +63,84 @@
left: 0px;
right: 0px;
bottom: 0px;
height: 120px;
background: black;
max-height: 280px;
min-height: 140px;
background: #282828;
box-shadow: 0px 10px 10px -10px black inset;
overflow-y: auto;
}
.oe_snippets .oe_snippet {
display: inline;
}
.oe_snippets .oe_snippet .oe_snippet_thumbnail {
.oe_snippet {
display: inline-block;
background: red;
width: 100px;
height: 100px;
vertical-align: top;
background: white;
width: 120px;
height: 120px;
border-radius: 3px;
margin: 10px;
margin-right: 0px;
cursor: move;
position: relative;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
overflow: hidden;
-webkit-user-select: none;
user-select: none;
}
.oe_snippets .oe_snippet .oe_snippet_body {
.oe_snippet .oe_snippet_thumbnail.oe_label {
text-align: center;
background: #747474;
background-image: radial-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.4));
height: 100%;
line-height: 120px;
color: white;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.95);
}
.oe_snippet .oe_snippet_body {
display: none;
}
.oe_snippet > * {
pointer-events: none;
}
.oe_snippet > *:first-child:not(.oe_snippet_thumbnail) {
display: block;
-webkit-transform-origin-x: 5px;
-webkit-transform-origin-y: 10px;
-webkit-transform: scale(0.095);
}
.oe_drop_zone {
display: block;
background: rgba(255, 0, 0, 0.25);
border: solid 1px rgba(255, 0, 0, 0.5);
height: 30px;
background: rgba(153, 0, 255, 0.17);
border-radius: 3px;
height: 32px;
margin: -16px 0px;
-webkit-transition: margin 250ms linear;
}
.oe_drop_zone.oe_inline {
display: inline;
height: auto;
width: 30px;
margin: 0px -16px;
.oe_drop_zone:first-child:not(:last-child) {
margin-top: -8px;
margin-bottom: -24px;
}
.oe_drop_zone.oe_float_left {
float: left;
}
.oe_drop_zone.oe_float_right {
float: right;
}
.oe_drop_zone:hover {
background: rgba(255, 0, 0, 0.5);
border: solid 1px red;
.oe_drop_zone:last-child:not(:first-child) {
margin-top: -24px;
margin-bottom: -8px;
}
.oe_drop_zone.oe_hover {
background: rgba(0, 255, 0, 0.5);
border: solid 1px green;
background: rgba(0, 255, 133, 0.22);
z-index: 100000;
}
.oe_drop_zone:before {
content: "";
display: block;
border-top: dashed 2px rgba(209, 178, 255, 0.72);
position: relative;
top: 16px;
}
.oe_drop_zone:first-child:not(:last-child):before {
top: 8px;
}
.oe_drop_zone:last-child:not(:first-child):before {
top: 24px;
}
.oe_drop_zone.oe_hover:before {
border-top: dashed 2px rgba(116, 255, 161, 0.72);
}