[DOCS] web_touchscreen: add screenshot

Follow suggestion from https://github.com/OCA/web/pull/2701#issuecomment-1870681682.

@moduon MT-4472
pull/2716/head
Jairo Llopis 2024-01-09 09:44:44 +00:00
parent dca20a4ca3
commit bb15a9ece9
No known key found for this signature in database
GPG Key ID: E47E3BE44B940490
3 changed files with 42 additions and 2 deletions

View File

@ -7,7 +7,7 @@ Web Touchscreen
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:e5b59e225d718b18262fbc8a0da3408dc0fd5523eaf421014865f22d3ab9b5e1
!! source digest: sha256:28be01a795f7908f83d483e97e274f5d5ae40909ca9d38d9685efba9c051b80a
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
.. |badge1| image:: https://img.shields.io/badge/maturity-Alpha-red.png
@ -31,6 +31,19 @@ Web Touchscreen
This module prefers kanban sub-form views when using a tablet, or any
other device with a touch screen, no matter its size.
For example, these screenshots showcase a sale order in a tablet:
=================== ================
Without this module With this module
=================== ================
|Before| |After|
=================== ================
.. |Before| image:: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
:target: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
.. |After| image:: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
:target: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8
.. IMPORTANT::
This is an alpha version, the data model and design can change at any time without warning.
Only for development or testing purpose, do not use in production.

View File

@ -1,2 +1,12 @@
This module prefers kanban sub-form views when using a tablet, or any other
device with a touch screen, no matter its size.
For example, these screenshots showcase a sale order in a tablet:
| Without this module | With this module |
| --------------------- | ------------------- |
| [![Before][]][Before] | [![After][]][After] |
[Before]: https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc
[After]: https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8

View File

@ -367,11 +367,28 @@ ul.auto-toc {
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:e5b59e225d718b18262fbc8a0da3408dc0fd5523eaf421014865f22d3ab9b5e1
!! source digest: sha256:28be01a795f7908f83d483e97e274f5d5ae40909ca9d38d9685efba9c051b80a
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Alpha" src="https://img.shields.io/badge/maturity-Alpha-red.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/lgpl-3.0-standalone.html"><img alt="License: LGPL-3" src="https://img.shields.io/badge/licence-LGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/16.0/web_touchscreen"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_touchscreen"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/web&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
<p>This module prefers kanban sub-form views when using a tablet, or any
other device with a touch screen, no matter its size.</p>
<p>For example, these screenshots showcase a sale order in a tablet:</p>
<table border="1" class="docutils">
<colgroup>
<col width="54%" />
<col width="46%" />
</colgroup>
<thead valign="bottom">
<tr><th class="head">Without this module</th>
<th class="head">With this module</th>
</tr>
</thead>
<tbody valign="top">
<tr><td><a class="reference external image-reference" href="https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc"><img alt="Before" src="https://github.com/OCA/web/assets/973709/caa0be55-ec6b-45e8-af94-7492df08dfcc" /></a></td>
<td><a class="reference external image-reference" href="https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8"><img alt="After" src="https://github.com/OCA/web/assets/973709/345c1139-879d-4eb5-a828-786b1e3bc7b8" /></a></td>
</tr>
</tbody>
</table>
<div class="admonition important">
<p class="first admonition-title">Important</p>
<p class="last">This is an alpha version, the data model and design can change at any time without warning.