[erp5_web_renderjs_ui] Change textarea size

On smartphone, display the textarea small and increase its size when focused
This behaviour should not be activated on bigscreen, as it make it unusable (difficult to search text for example)

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.css

@@ -337,10 +337,19 @@ textarea {
   white-space: normal;
   vertical-align: top;
   transition: height 0.2s ease-out;
-  height: 4em;
 }
-textarea:focus {
-  height: 20em;
+@media only screen and (max-width: 45em) {
+  textarea {
+    height: 4em;
+  }
+  textarea:focus {
+    height: 20em;
+  }
+}
+@media only screen and (min-width: 45em) and (max-width: 90em), only screen and (min-width: 90em) {
+  textarea {
+    min-height: 10em;
+  }
 }
 ::-webkit-input-placeholder {
   color: #575757;

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_nojqm_css.xml

@@ -242,7 +242,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>956.17327.55379.35737</string> </value>
+                <value> <string>956.58713.6703.47906</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -260,7 +260,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1482940671.94</float>
+                        <float>1485423923.88</float>
                         <string>UTC</string>
                       </tuple>
                     </state>

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

@@ -420,9 +420,19 @@ textarea {
   vertical-align: top;
 
   transition: height @transition-timing;
-  height: 4em;
-  &:focus {
-    height: 20em;
+
+  // On smartphone, display the textarea small
+  // and increase its size when focused
+  // This behaviour should not be activated on bigscreen,
+  // as it make it unusable (difficult to search text for example)
+  @media @smartphone {
+    height: 4em;
+    &:focus {
+      height: 20em;
+    }
+  }
+  @media @tablet, @desktop {
+    min-height: 10em;
   }
 }