[erp5_web_renderjs_ui] Do not show panel by default

Default hidding transform will not be visible when page loads

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.css

@@ -454,11 +454,12 @@ div[data-gadget-scope='panel'] {
 }
 @media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 62em) {
   div[data-gadget-scope='panel'] {
+    left: -18em;
     transition: transform 200ms ease-out;
-    transform: translate3d(-110%, 0, 0);
+    transform: translate3d(0, 0, 0);
   }
   div[data-gadget-scope='panel'].visible {
-    transform: translate3d(0, 0, 0);
+    transform: translate3d(18em, 0, 0);
   }
 }
 div[data-gadget-scope='panel'] div[data-role="header"] {
@@ -531,24 +532,24 @@ div[data-gadget-scope='editor_panel'] {
 }
 @media only screen and (min-width: 62em) {
   div[data-gadget-scope='editor_panel'] {
-    left: 0;
+    left: -18em;
     transition: transform 200ms ease-out;
-    transform: translate3d(-110%, 0, 0);
+    transform: translate3d(0, 0, 0);
     box-shadow: 5px 0 5px rgba(0, 0, 0, 0.15);
   }
   div[data-gadget-scope='editor_panel'].visible {
-    transform: translate3d(0, 0, 0);
+    transform: translate3d(18em, 0, 0);
   }
 }
 @media only screen and (max-width: 28em), only screen and (min-width: 28em) and (max-width: 62em) {
   div[data-gadget-scope='editor_panel'] {
-    right: 0;
+    right: -18em;
     transition: transform 200ms ease-out;
-    transform: translate3d(110%, 0, 0);
+    transform: translate3d(0, 0, 0);
     box-shadow: -5px 0 5px rgba(0, 0, 0, 0.15);
   }
   div[data-gadget-scope='editor_panel'].visible {
-    transform: translate3d(0, 0, 0);
+    transform: translate3d(-18em, 0, 0);
   }
 }
 div[data-gadget-scope='editor_panel'] div[data-role="header"] {

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_css.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>952.54616.41887.5956</string> </value>
+                <value> <string>952.54661.65508.46148</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1469621979.64</float>
+                        <float>1469624180.63</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

bt5/erp5_web_renderjs_ui/SkinTemplateItem/portal_skins/erp5_web_renderjs_ui/erp5css.less.txt

@@ -519,10 +519,11 @@ div[data-gadget-scope='panel'] {
   z-index: 2000;
 
   @media @smartphone, @tablet {
+    left: -@panelwidth - 1em;
     transition: transform 200ms ease-out;
-    transform: translate3d(-110%, 0, 0);
-    &.visible {
     transform: translate3d(0, 0, 0);
+    &.visible {
+      transform: translate3d(@panelwidth + 1em, 0, 0);
     }
   }
 
@@ -609,20 +610,20 @@ div[data-gadget-scope='editor_panel'] {
   z-index: 3000;
 
   @media @desktop {
-    left: 0;
+    left: -@panelwidth - 1em;
     transition: transform 200ms ease-out;
-    transform: translate3d(-110%, 0, 0);
-    &.visible {
     transform: translate3d(0, 0, 0);
+    &.visible {
+      transform: translate3d(@panelwidth + 1em, 0, 0);
     }
     box-shadow: 5px 0 5px rgba(0,0,0,.15);
   }
   @media @smartphone, @tablet {
-    right: 0;
+    right: -@panelwidth - 1em;
     transition: transform 200ms ease-out;
-    transform: translate3d(110%, 0, 0);
-    &.visible {
     transform: translate3d(0, 0, 0);
+    &.visible {
+      transform: translate3d(-@panelwidth - 1em, 0, 0);
     }
     box-shadow: -5px 0 5px rgba(0,0,0,.15);
   }