3
0
Fork 0

[MIG] web_theme_classic from 16.0 to 17.0

17.0
Sylvain LE GAL 2023-11-08 17:12:24 +01:00
parent c437c7fd52
commit 9e5d4a8614
7 changed files with 55 additions and 75 deletions

View File

@ -7,7 +7,7 @@ Web Theme Classic
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:080d86ef900f4f27baf1f53f92e407247e033c7b14a46667d53597711605af32
!! source digest: sha256:b309e66df73fcf5de5629e2cc3645e23340d22335fcd405f771e5cce15341741
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
@ -17,13 +17,13 @@ Web Theme Classic
:target: http://www.gnu.org/licenses/agpl-3.0-standalone.html
:alt: License: AGPL-3
.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github
:target: https://github.com/OCA/web/tree/16.0/web_theme_classic
:target: https://github.com/OCA/web/tree/17.0/web_theme_classic
:alt: OCA/web
.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
:target: https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_theme_classic
:target: https://translation.odoo-community.org/projects/web-17-0/web-17-0-web_theme_classic
:alt: Translate me on Weblate
.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
:target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=16.0
:target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=17.0
:alt: Try me on Runboat
|badge1| |badge2| |badge3| |badge4| |badge5|
@ -32,7 +32,7 @@ This module extend the Odoo Community Edition ``web`` module to improve visibili
of form view.
**Rational:**
In Odoo V16, the design is very pure. That's great, but it generates some problem for
Since Odoo V17, the design is very pure. That's great, but it generates some problem for
users :
* buttons and fields are not identifiable. (we can not know exactly where there are
@ -44,11 +44,11 @@ In a way, this module restores the form display of version 15, but preserving th
**Without this module**
.. figure:: https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_without_module.png
.. figure:: https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_without_module.png
**With this module**
.. figure:: https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_with_module.png
.. figure:: https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_with_module.png
**Table of contents**
@ -67,7 +67,7 @@ Bug Tracker
Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us to smash it by providing a detailed and welcomed
`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_theme_classic%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_theme_classic%0Aversion:%2017.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
Do not contact contributors directly about support or help with technical issues.
@ -105,6 +105,6 @@ Current `maintainer <https://odoo-community.org/page/maintainer-role>`__:
|maintainer-legalsylvain|
This module is part of the `OCA/web <https://github.com/OCA/web/tree/16.0/web_theme_classic>`_ project on GitHub.
This module is part of the `OCA/web <https://github.com/OCA/web/tree/17.0/web_theme_classic>`_ project on GitHub.
You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

View File

@ -5,7 +5,7 @@
{
"name": "Web Theme Classic",
"summary": "Contrasted style on fields to improve the UI.",
"version": "16.0.1.0.2",
"version": "17.0.1.0.0",
"author": "GRAP, Odoo Community Association (OCA)",
"maintainers": ["legalsylvain"],
"website": "https://github.com/OCA/web",

View File

@ -2,7 +2,7 @@ This module extend the Odoo Community Edition ``web`` module to improve visibili
of form view.
**Rational:**
In Odoo V16, the design is very pure. That's great, but it generates some problem for
Since Odoo V17, the design is very pure. That's great, but it generates some problem for
users :
* buttons and fields are not identifiable. (we can not know exactly where there are

View File

@ -367,13 +367,13 @@ ul.auto-toc {
!! This file is generated by oca-gen-addon-readme !!
!! changes will be overwritten. !!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!! source digest: sha256:080d86ef900f4f27baf1f53f92e407247e033c7b14a46667d53597711605af32
!! source digest: sha256:b309e66df73fcf5de5629e2cc3645e23340d22335fcd405f771e5cce15341741
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/16.0/web_theme_classic"><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_theme_classic"><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><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/17.0/web_theme_classic"><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-17-0/web-17-0-web_theme_classic"><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=17.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
<p>This module extend the Odoo Community Edition <tt class="docutils literal">web</tt> module to improve visibility
of form view.</p>
<p><strong>Rational:</strong>
In Odoo V16, the design is very pure. Thats great, but it generates some problem for
Since Odoo V17, the design is very pure. Thats great, but it generates some problem for
users :</p>
<ul class="simple">
<li>buttons and fields are not identifiable. (we can not know exactly where there are
@ -383,11 +383,11 @@ until you hover over them with the cursor)</li>
<p>In a way, this module restores the form display of version 15, but preserving the “save on the fly” new feature.</p>
<p><strong>Without this module</strong></p>
<div class="figure">
<img alt="https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_without_module.png" src="https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_without_module.png" />
<img alt="https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_without_module.png" src="https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_without_module.png" />
</div>
<p><strong>With this module</strong></p>
<div class="figure">
<img alt="https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_with_module.png" src="https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_with_module.png" />
<img alt="https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_with_module.png" src="https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_with_module.png" />
</div>
<p><strong>Table of contents</strong></p>
<div class="contents local topic" id="contents">
@ -414,7 +414,7 @@ be done on other part of the UI.</li>
<p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
In case of trouble, please check there if your issue has already been reported.
If you spotted it first, help us to smash it by providing a detailed and welcomed
<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_theme_classic%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_theme_classic%0Aversion:%2017.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
<p>Do not contact contributors directly about support or help with technical issues.</p>
</div>
<div class="section" id="credits">
@ -440,7 +440,7 @@ mission is to support the collaborative development of Odoo features and
promote its widespread use.</p>
<p>Current <a class="reference external" href="https://odoo-community.org/page/maintainer-role">maintainer</a>:</p>
<p><a class="reference external image-reference" href="https://github.com/legalsylvain"><img alt="legalsylvain" src="https://github.com/legalsylvain.png?size=40px" /></a></p>
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/16.0/web_theme_classic">OCA/web</a> project on GitHub.</p>
<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/17.0/web_theme_classic">OCA/web</a> project on GitHub.</p>
<p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
</div>
</div>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 57 KiB

After

Width:  |  Height:  |  Size: 102 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 99 KiB

View File

@ -13,8 +13,9 @@ $button-border-color: #dee2e6;
Form View : Handle Fields Borders
************************************************************/
.o_input,
.o_field_html > .note-editable {
.o_form_view {
.o_input,
.o_field_html > .note-editable {
/* Add border for all editable fields */
border: 1px solid $input-border-color !important;
border-radius: 3px;
@ -23,35 +24,36 @@ $button-border-color: #dee2e6;
&:focus {
border-color: $input-border-color-focus !important;
}
}
}
.o_field_many2many_selection {
.o_field_many2many_selection {
.o_input {
/* Prevent to have double border for many2many tags input fields */
border: 0px solid !important;
}
}
}
/***********************************************************
Form View : Handle Button Borders
************************************************************/
.btn-secondary,
.btn-light {
.o_form_view {
.btn-light {
border-color: $button-border-color;
}
}
.btn-light {
.btn-light {
&:hover {
border-color: $button-border-color;
}
}
}
/***********************************************************
Form View : Handle Background for required fields
************************************************************/
.o_required_modifier:not(.o_readonly_modifier) {
.o_form_view {
.o_required_modifier:not(.o_readonly_modifier) {
.o_input {
/* Add background for all editable and required fields */
background-color: $input-background-color-required !important;
@ -61,36 +63,14 @@ $button-border-color: #dee2e6;
color: $input-color-placeholder-required;
}
}
}
}
.o_required_modifier.o_field_selection:not(.o_readonly_modifier) {
.o_required_modifier.o_field_selection:not(.o_readonly_modifier) {
/* Specific case for field selection */
background-color: $input-background-color-required !important;
}
/***********************************************************
Search View : Search Bar Input
************************************************************/
div.o_searchview[role="search"] {
/* Add border for the searchable zone */
border: 1px solid $input-border-color !important;
border-radius: 3px;
/* add darker border when input inside has focus */
&:focus-within {
border-color: $input-border-color-focus !important;
}
}
/* Adjust padding to avoid items to be sticked to borders */
div.o_searchview_facet[role="img"] {
padding-left: 2px;
}
i.o_searchview_icon[role="img"] {
padding-right: 2px;
}
/***********************************************************
Tree View : Handle style for required fields
************************************************************/