Activate scrollbar on text and richtext widget and limit resize to vertical

The minimal height is set to 5 lines and maximal to 20 lines.

Closes #12921
(grafted from 3e369e3b5addee2e6b90ebf59c3286040f44ea35)

--HG--
branch : 7.0

sao/src/sao.less

@@ -722,18 +722,18 @@ img.icon {
         }
     }
     .form-text, .form-richtext {
-        > textarea {
-            min-height: 150px;
-            max-height: 300px;
+        > textarea, .richtext {
+            line-height: 2.5ex;
+            max-height: 50ex;
+            min-height: 12.5ex;
+            overflow: auto;
+            resize: vertical;
         }
     }
     .form-richtext {
         > .btn-toolbar {
             min-width: 450px;
         }
-        .richtext {
-            min-height: 5em;
-        }
     }
     .form-separator {
         label {
@@ -928,7 +928,11 @@ input.column-boolean {
 
 .email {
     .email-richtext {
-        min-height: 10em;
+        line-height: 2.5ex;
+        max-height: 50ex;
+        min-height: 12.5ex;
+        overflow: auto;
+        resize: vertical;
     }
     input[type='file'] {
         display: inline-block;