odoo
/
odoo
2
0
Fork 0
Code Pull Requests Releases Activity

Mobile preview (initial styling) 

bzr revid: ddm@openerp.com-20130822104736-5gt43278o83fvt9s
This commit is contained in:
ddm 2013-08-22 12:47:36 +02:00
parent 53fa372f6a
commit b9f2e796ca
3 changed files with 49 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
addons/website/static/src/css/editor.css
View File

@ -152,17 +152,24 @@
} }
#mobile-preview.modal { #mobile-preview.modal {
height: 617px; height: 660px;
background-color: black;
border: 2px solid;
border-radius: 10px;
margin: auto; margin: auto;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
bottom: 0; bottom: 0;
right: 0; right: 0;
max-width: 325px; max-width: 330px;
width: 325px;
} }
#mobile-preview .modal-header {
border-bottom: 0;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
#mobile-preview .modal-body { #mobile-preview .modal-body {
max-height: 600px; max-height: 600px;
padding: 0; padding: 0;
@ -172,4 +179,14 @@
.oe_mobile_viewport { .oe_mobile_viewport {
width: 320px; width: 320px;
height: 568px; height: 568px;
padding: 5px;
border: none;
}
.oe_mobile_preview_header .close {
color: lightgrey;
opacity: 1;
}
.oe_mobile_preview_header .close:hover {
color: darkgrey;
} }

36
addons/website/static/src/css/editor.sass
View File

@ -71,7 +71,7 @@
border-radius: 3px border-radius: 3px
margin: 10px margin: 10px
margin-right: 0px margin-right: 0px
cursor: move cursor: move
position: relative position: relative
box-shadow: 0px 3px 10px rgba(0,0,0,0.2) box-shadow: 0px 3px 10px rgba(0,0,0,0.2)
overflow: hidden overflow: hidden
@ -97,7 +97,7 @@
-webkit-transform-origin-x: 5px -webkit-transform-origin-x: 5px
-webkit-transform-origin-y: 10px -webkit-transform-origin-y: 10px
-webkit-transform: scale(0.095) -webkit-transform: scale(0.095)
.oe_drop_zone .oe_drop_zone
display: block display: block
@ -133,21 +133,37 @@
overflow: hidden overflow: hidden
#mobile-preview.modal #mobile-preview.modal
height: 617px height: 660px
background-color: black
border: 2px solid
border-radius: 10px
margin: auto margin: auto
position: absolute position: absolute
top: 0 top: 0
left: 0 left: 0
bottom: 0 bottom: 0
right: 0 right: 0
max-width: 325px max-width: 330px
width: 325px
#mobile-preview .modal-body #mobile-preview
max-height: 600px .modal-header
padding: 0 border-bottom: 0
margin: 0 border-top-left-radius: 10px
border-top-right-radius: 10px
.modal-body
max-height: 600px
padding: 0
margin: 0
.oe_mobile_viewport .oe_mobile_viewport
width: 320px width: 320px
height: 568px height: 568px
padding: 5px
border: none
.oe_mobile_preview_header
.close
color: lightgrey
opacity: 1
.close:hover
color: darkgrey

6
addons/website/static/src/xml/website.xml
View File

@ -38,10 +38,10 @@
</div> </div>
</div> </div>
<div id="mobile-preview" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mobilePreview" aria-hidden="true"> <div id="mobile-preview" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="mobile-preview-title" aria-hidden="true">
<div class="modal-header"> <div class="modal-header oe_mobile_preview_header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="mobilePreview">Mobile preview</h3> <h3 id="mobile-preview-title">Preview</h3>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<div class="oe_mobile_preview"> <div class="oe_mobile_preview">