[IMP] web_responsive: Bigger checkboxes in list view

pull/2405/head
Alexandre D. Díaz 2021-02-01 12:06:24 +01:00 committed by anjeel.haria
parent 01dc7d76fb
commit 08a9e059f4
6 changed files with 34 additions and 1 deletions

View File

@ -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::

View File

@ -6,7 +6,7 @@
{
"name": "Web Responsive",
"summary": "Responsive web client, community-supported",
"version": "13.0.2.6.0",
"version": "13.0.2.6.1",
"category": "Website",
"website": "https://github.com/OCA/web",
"author": "LasLabs, Tecnativa, " "Odoo Community Association (OCA)",

View File

@ -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

View File

@ -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">

Binary file not shown.

After

Width:  |  Height:  |  Size: 368 KiB

View File

@ -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;