[FIX] point_of_sale: alignment note textarea

before fix: in firefox the textarea of note modal has a overflow textarea can be expanded outside borders modal in all browsers closes odoo#25199 closes odoo#25215 issue 1895298
UGP · Oct 25, 2018 · 299c6dd · 299c6dd
1 parent bfbaa09
commit 299c6dd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css
@@ -2140,6 +2140,19 @@ td {
     font-family: 'Lato';
     font-family: Lato;
 }
+.pos .modal-dialog .popup-textinput{
+    display: flex;
+    flex-direction: column;
+}
+.pos .modal-dialog .popup-textinput .title,
+.pos .modal-dialog .popup-textinput .footer{
+    flex: none;
+}
+.pos .modal-dialog .popup-textinput textarea{
+    resize: none;
+    flex: auto;
+    margin: 0 20px 80px;
+}
 .pos .popup .title {
     background: rgba(255,255,255,0.5);
     margin: 0;

diff --git a/addons/point_of_sale/static/src/xml/pos.xml b/addons/point_of_sale/static/src/xml/pos.xml
@@ -1076,7 +1076,7 @@
         <div class="modal-dialog">
             <div class="popup popup-textinput">
                 <p class="title"><t t-esc=" widget.options.title || '' " /></p>
-                <textarea rows="10" cols="40"><t t-esc="widget.options.value" /></textarea>
+                <textarea><t t-esc="widget.options.value" /></textarea>
                 <div class="footer">
                     <div class="button confirm">
                         Ok