Merge PR #1799 into 13.0

Signed-off-by pedrobaeza

web_responsive/README.rst

@@ -113,6 +113,10 @@ Features for computers:
 
   .. image:: https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/document_viewer.gif
 
+* Bigger checkboxes in list view
+
+  .. image:: https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/big_checkboxes.gif
+
 **Table of contents**
 
 .. contents::

web_responsive/readme/DESCRIPTION.rst

@@ -85,3 +85,7 @@ Features for computers:
   width preview clicking on the new maximize button.
 
   .. image:: ../static/img/document_viewer.gif
+
+* Bigger checkboxes in list view
+
+  .. image:: ../static/img/big_checkboxes.gif

web_responsive/static/description/index.html

@@ -438,6 +438,9 @@ part for side-by-side reading instead of full screen. You can still put it on fu
 width preview clicking on the new maximize button.</p>
 <img alt="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/document_viewer.gif" src="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/document_viewer.gif" />
 </li>
+<li><p class="first">Bigger checkboxes in list view</p>
+<img alt="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/big_checkboxes.gif" src="https://raw.githubusercontent.com/OCA/web/13.0/web_responsive/static/img/big_checkboxes.gif" />
+</li>
 </ul>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">

web_responsive/static/src/css/web_responsive.scss

@@ -663,6 +663,28 @@ html .o_web_client .o_action_manager .o_action {
     }
 }
 
+// Big checkboxes
+.o_list_view {
+    .custom-checkbox:not(.o_boolean_toggle) {
+        margin-right: 10px;
+
+        .custom-control-label {
+            top: -6px;
+
+            &::after {
+                width: 24px;
+                height: 24px;
+            }
+            &::before {
+                outline: none !important;
+                border: 1px solid #4c4c4c;
+                width: 24px;
+                height: 24px;
+            }
+        }
+    }
+}
+
 // Waiting Cursor
 .oe_wait {
     cursor: progress;