[IMP] website: remove transform in modile view and change order menu

bzr revid: chm@openerp.com-20140409124321-cwu86whebzuwtz1e

diff --git a/addons/website/static/src/css/website.css b/addons/website/static/src/css/website.css
index 853afc2..ad414f9 100644 (file)
--- a/addons/website/static/src/css/website.css
+++ b/addons/website/static/src/css/website.css
@@ -559,3 +559,14 @@ div.media_iframe_video div {
   height: 100%;
   display: none;
 }
+
+/* Mobile view */
+@media (max-width: 768px) {
+  img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa {
+    -webkit-transform: none !important;
+    -moz-transform: none !important;
+    -ms-transform: none !important;
+    -o-transform: none !important;
+    transform: none !important;
+  }
+}

diff --git a/addons/website/static/src/css/website.sass b/addons/website/static/src/css/website.sass
index f19472c..43e21f1 100644 (file)
--- a/addons/website/static/src/css/website.sass
+++ b/addons/website/static/src/css/website.sass
@@ -458,4 +458,14 @@ div.media_iframe_video
         position: absolute
         width: 100%
         height: 100%
-        display: none
\ No newline at end of file
+        display: none
+
+/* Mobile view */
+
+@media (max-width: 768px)
+    img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa
+        -webkit-transform: none !important
+        -moz-transform: none !important
+        -ms-transform: none !important
+        -o-transform: none !important
+        transform: none !important

diff --git a/addons/website/views/snippets.xml b/addons/website/views/snippets.xml
index 7a68ca0..0377b02 100644 (file)
--- a/addons/website/views/snippets.xml
+++ b/addons/website/views/snippets.xml
@@ -964,7 +964,6 @@
 
     <div data-snippet-option-id='transform'
         data-selector="img:not(.cke_iframe), .media_iframe_video, span.fa, i.fa">
-        <li><a href="#" class="style">Transform</a></li>
         <li class="dropdown-submenu">
             <a tabindex="-1" href="#">Style</a>
             <ul class="dropdown-menu" name="parallax-scroll">
@@ -975,7 +974,8 @@
                 <li data-value="fa-spin"><a>Spin</a></li>
             </ul>
         </li>
-        <li><a href="#" class="clear-style">Reset Style</a></li>
+        <li><a href="#" class="style">Transform</a></li>
+        <li><a href="#" class="clear-style">Reset Transformation</a></li>
     </div>
 
 </template>