diff --git a/web_theme_classic/README.rst b/web_theme_classic/README.rst index 550556072..85e368bc6 100644 --- a/web_theme_classic/README.rst +++ b/web_theme_classic/README.rst @@ -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 `_. 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 `_. +`feedback `_. Do not contact contributors directly about support or help with technical issues. @@ -105,6 +105,6 @@ Current `maintainer `__: |maintainer-legalsylvain| -This module is part of the `OCA/web `_ project on GitHub. +This module is part of the `OCA/web `_ project on GitHub. You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute. diff --git a/web_theme_classic/__manifest__.py b/web_theme_classic/__manifest__.py index 3a7a4a875..628c85136 100644 --- a/web_theme_classic/__manifest__.py +++ b/web_theme_classic/__manifest__.py @@ -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", diff --git a/web_theme_classic/readme/DESCRIPTION.rst b/web_theme_classic/readme/DESCRIPTION.rst index 8feb55858..3325b47cf 100644 --- a/web_theme_classic/readme/DESCRIPTION.rst +++ b/web_theme_classic/readme/DESCRIPTION.rst @@ -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 diff --git a/web_theme_classic/static/description/index.html b/web_theme_classic/static/description/index.html index 2a2d0f13a..f6d1eafd2 100644 --- a/web_theme_classic/static/description/index.html +++ b/web_theme_classic/static/description/index.html @@ -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 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! --> -

Beta License: AGPL-3 OCA/web Translate me on Weblate Try me on Runboat

+

Beta License: AGPL-3 OCA/web Translate me on Weblate Try me on Runboat

This module extend the Odoo Community Edition web module to improve visibility 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 @@ -383,11 +383,11 @@ until you hover over them with the cursor)

    • In a way, this module restores the form display of version 15, but preserving the “save on the fly” new feature.

    Without this module

    -https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_without_module.png +https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_without_module.png

    With this module

    -https://raw.githubusercontent.com/OCA/web/16.0/web_theme_classic/static/description/product_template_form_with_module.png +https://raw.githubusercontent.com/OCA/web/17.0/web_theme_classic/static/description/product_template_form_with_module.png

    Table of contents

    @@ -414,7 +414,7 @@ be done on other part of the UI.

    Bugs are tracked on GitHub 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.

    +feedback.

    Do not contact contributors directly about support or help with technical issues.

    @@ -440,7 +440,7 @@ mission is to support the collaborative development of Odoo features and promote its widespread use.

    Current maintainer:

    legalsylvain

    -

    This module is part of the OCA/web project on GitHub.

    +

    This module is part of the OCA/web project on GitHub.

    You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

    diff --git a/web_theme_classic/static/description/product_template_form_with_module.png b/web_theme_classic/static/description/product_template_form_with_module.png index c8849883a..65302450a 100644 Binary files a/web_theme_classic/static/description/product_template_form_with_module.png and b/web_theme_classic/static/description/product_template_form_with_module.png differ diff --git a/web_theme_classic/static/description/product_template_form_without_module.png b/web_theme_classic/static/description/product_template_form_without_module.png index 9fa5acbd9..5e89d608e 100644 Binary files a/web_theme_classic/static/description/product_template_form_without_module.png and b/web_theme_classic/static/description/product_template_form_without_module.png differ diff --git a/web_theme_classic/static/src/scss/web_theme_classic.scss b/web_theme_classic/static/src/scss/web_theme_classic.scss index 4bb6d21df..8b4150bed 100644 --- a/web_theme_classic/static/src/scss/web_theme_classic.scss +++ b/web_theme_classic/static/src/scss/web_theme_classic.scss @@ -13,84 +13,64 @@ $button-border-color: #dee2e6; Form View : Handle Fields Borders ************************************************************/ -.o_input, -.o_field_html > .note-editable { - /* Add border for all editable fields */ - border: 1px solid $input-border-color !important; - border-radius: 3px; +.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; - /* add darker border on focus */ - &:focus { - border-color: $input-border-color-focus !important; + /* add darker border on focus */ + &:focus { + border-color: $input-border-color-focus !important; + } + } + + .o_field_many2many_selection { + .o_input { + /* Prevent to have double border for many2many tags input fields */ + border: 0px solid !important; + } } } - -.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 { - border-color: $button-border-color; -} - -.btn-light { - &:hover { +.o_form_view { + .btn-light { border-color: $button-border-color; } -} + .btn-light { + &:hover { + border-color: $button-border-color; + } + } +} /*********************************************************** Form View : Handle Background for required fields ************************************************************/ -.o_required_modifier:not(.o_readonly_modifier) { - .o_input { - /* Add background for all editable and required fields */ - background-color: $input-background-color-required !important; +.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; - /* darker placeholder as the background is darker */ - &::placeholder { - color: $input-color-placeholder-required; + /* darker placeholder as the background is darker */ + &::placeholder { + color: $input-color-placeholder-required; + } } } -} -.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; + .o_required_modifier.o_field_selection:not(.o_readonly_modifier) { + /* Specific case for field selection */ + background-color: $input-background-color-required !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 ************************************************************/