From 430706c8df658923b9576108de5c221607f0b426 Mon Sep 17 00:00:00 2001 From: chaule97 Date: Fri, 10 Jan 2025 15:54:13 +0700 Subject: [PATCH] [IMP] web_responsive: pre-commit auto fixes --- web_responsive/README.rst | 140 +++++++++--------- web_responsive/static/description/index.html | 30 ++-- .../apps_menu_item/apps_menu_item.scss | 5 +- .../components/file_viewer/file_viewer.scss | 4 +- .../src/legacy/scss/primary_variable.scss | 18 ++- .../src/legacy/scss/web_responsive.scss | 4 +- .../src/legacy/xml/custom_favorite_item.xml | 2 - .../src/views/form/status_bar_buttons.xml | 2 - 8 files changed, 107 insertions(+), 98 deletions(-) diff --git a/web_responsive/README.rst b/web_responsive/README.rst index 13d4c753e59c..eaa28661d66d 100644 --- a/web_responsive/README.rst +++ b/web_responsive/README.rst @@ -17,13 +17,13 @@ Web Responsive :target: http://www.gnu.org/licenses/lgpl-3.0-standalone.html :alt: License: LGPL-3 .. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github - :target: https://github.com/OCA/web/tree/17.0/web_responsive + :target: https://github.com/OCA/web/tree/18.0/web_responsive :alt: OCA/web .. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png - :target: https://translation.odoo-community.org/projects/web-17-0/web-17-0-web_responsive + :target: https://translation.odoo-community.org/projects/web-18-0/web-18-0-web_responsive :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=17.0 + :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=18.0 :alt: Try me on Runboat |badge1| |badge2| |badge3| |badge4| |badge5| @@ -32,83 +32,83 @@ This module adds responsiveness to web backend. **Features for all devices**: -- Redirect to the dashboard after logging in. Users will only be - redirected to the home page after login if they have enabled the - 'Redirect to Home' option in their profile settings. +- Redirect to the dashboard after logging in. Users will only be + redirected to the home page after login if they have enabled the + 'Redirect to Home' option in their profile settings. - |image| + |image| -- New navigation with the fullscreen app menu +- New navigation with the fullscreen app menu - |image1| + |image1| -- Quick menu search inside the app menu +- Quick menu search inside the app menu - |image2| + |image2| -- Sticky header & footer in list view +- Sticky header & footer in list view - |image3| + |image3| -- Sticky statusbar in form view +- Sticky statusbar in form view - |image4| + |image4| -- Bigger checkboxes in list view +- Bigger checkboxes in list view - |image5| + |image5| **Features for mobile**: \* View type picker dropdown displays comfortably -- Control panel buttons use icons to save space. +- Control panel buttons use icons to save space. - |image6| + |image6| -- Followers and send button is displayed on mobile. Avatar is hidden. +- Followers and send button is displayed on mobile. Avatar is hidden. - |image7| + |image7| -- Big inputs on form in edit mode +- Big inputs on form in edit mode **Features for desktop computers**: -- Keyboard shortcuts for easier navigation, **using \`Alt + Shift + - [NUM]\`** combination instead of just Alt + [NUM] to avoid conflict - with Firefox Tab switching. Standard Odoo keyboard hotkeys changed to - be more intuitive or accessible by fingers of one hand. F.x. Alt + S - for Save +- Keyboard shortcuts for easier navigation, **using \`Alt + Shift + + [NUM]\`** combination instead of just Alt + [NUM] to avoid conflict + with Firefox Tab switching. Standard Odoo keyboard hotkeys changed to + be more intuitive or accessible by fingers of one hand. F.x. Alt + S + for Save - |image8| + |image8| -- Autofocus on search menu box when opening the app menu +- Autofocus on search menu box when opening the app menu - |image9| + |image9| -- When the chatter is on the side part, the document viewer fills that - part for side-by-side reading instead of full screen. You can still - put it on full width preview clicking on the new maximize button. +- When the chatter is on the side part, the document viewer fills that + part for side-by-side reading instead of full screen. You can still + put it on full width preview clicking on the new maximize button. - |image10| + |image10| -- When the user chooses to send a public message the color of the - composer is different from the one when the message is an internal - log. +- When the user chooses to send a public message the color of the + composer is different from the one when the message is an internal + log. - |image11| + |image11| -.. |image| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/redirecthome.gif -.. |image1| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/appmenu.gif -.. |image2| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/appsearch.gif -.. |image3| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/listview.gif -.. |image4| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/formview.gif -.. |image5| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/listview.gif -.. |image6| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/form_buttons.gif -.. |image7| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/chatter.png -.. |image8| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/shortcuts.gif -.. |image9| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/appsearch.gif -.. |image10| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/document_viewer.gif -.. |image11| image:: https://raw.githubusercontent.com/OCA/web/17.0/web_responsive/static/img/chatter-colors.png +.. |image| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/redirecthome.gif +.. |image1| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/appmenu.gif +.. |image2| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/appsearch.gif +.. |image3| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/listview.gif +.. |image4| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/formview.gif +.. |image5| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/listview.gif +.. |image6| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/form_buttons.gif +.. |image7| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/chatter.png +.. |image8| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/shortcuts.gif +.. |image9| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/appsearch.gif +.. |image10| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/document_viewer.gif +.. |image11| image:: https://raw.githubusercontent.com/OCA/web/18.0/web_responsive/static/img/chatter-colors.png **Table of contents** @@ -120,15 +120,15 @@ Usage The following keyboard shortcuts are implemented: -- Navigate app search results - Arrow keys -- Choose app result - ``Enter`` -- ``Esc`` to close app drawer +- Navigate app search results - Arrow keys +- Choose app result - ``Enter`` +- ``Esc`` to close app drawer Known issues / Roadmap ====================== -- App navigation with keyboard. -- Handle long titles on forms in a better way +- App navigation with keyboard. +- Handle long titles on forms in a better way Bug Tracker =========== @@ -136,7 +136,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. @@ -154,30 +154,30 @@ Authors Contributors ------------ -- Dave Lasley +- Dave Lasley -- Jairo Llopis +- Jairo Llopis -- `Onestein `__: +- `Onestein `__: - - Dennis Sluijk - - Anjeel Haria + - Dennis Sluijk + - Anjeel Haria -- Sergio Teruel +- Sergio Teruel -- Alexandre Díaz +- Alexandre Díaz -- Mathias Markl +- Mathias Markl -- Iván Todorovich +- Iván Todorovich -- Sergey Shebanin +- Sergey Shebanin -- David Vidal +- David Vidal -- Taras Shabaranskyi +- Taras Shabaranskyi -- Angel Patel +- Angel Patel Maintainers ----------- @@ -203,6 +203,6 @@ Current `maintainers `__: |maintainer-Tardo| |maintainer-SplashS| -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_responsive/static/description/index.html b/web_responsive/static/description/index.html index 0583f4d9e986..668be0abad30 100644 --- a/web_responsive/static/description/index.html +++ b/web_responsive/static/description/index.html @@ -369,39 +369,39 @@

Web Responsive

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! !! source digest: sha256:630f5662d042c91ddbd52b0ce83446a3c6ff4c56105334f45c33c476ee3dbd2a !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! --> -

Production/Stable License: LGPL-3 OCA/web Translate me on Weblate Try me on Runboat

+

Production/Stable License: LGPL-3 OCA/web Translate me on Weblate Try me on Runboat

This module adds responsiveness to web backend.

Features for all devices:

  • Redirect to the dashboard after logging in. Users will only be redirected to the home page after login if they have enabled the ‘Redirect to Home’ option in their profile settings.

    -

    image

    +

    image

  • New navigation with the fullscreen app menu

    -

    image1

    +

    image1

  • Quick menu search inside the app menu

    -

    image2

    +

    image2

  • Sticky header & footer in list view

    -

    image3

    +

    image3

  • Sticky statusbar in form view

    -

    image4

    +

    image4

  • Bigger checkboxes in list view

    -

    image5

    +

    image5

Features for mobile: * View type picker dropdown displays comfortably

  • Control panel buttons use icons to save space.

    -

    image6

    +

    image6

  • Followers and send button is displayed on mobile. Avatar is hidden.

    -

    image7

    +

    image7

  • Big inputs on form in edit mode

    • @@ -413,20 +413,20 @@

    Web Responsive

    with Firefox Tab switching. Standard Odoo keyboard hotkeys changed to be more intuitive or accessible by fingers of one hand. F.x. Alt + S for Save

    -

    image8

    +

    image8

  • Autofocus on search menu box when opening the app menu

    -

    image9

    +

    image9

  • When the chatter is on the side part, the document viewer fills that part for side-by-side reading instead of full screen. You can still put it on full width preview clicking on the new maximize button.

    -

    image10

    +

    image10

  • When the user chooses to send a public message the color of the composer is different from the one when the message is an internal log.

    -

    image11

    +

    image11

Table of contents

@@ -464,7 +464,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.

@@ -509,7 +509,7 @@

Maintainers

promote its widespread use.

Current maintainers:

Tardo SplashS

-

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_responsive/static/src/components/apps_menu_item/apps_menu_item.scss b/web_responsive/static/src/components/apps_menu_item/apps_menu_item.scss index 029a0df298ea..74dfc5f806ff 100644 --- a/web_responsive/static/src/components/apps_menu_item/apps_menu_item.scss +++ b/web_responsive/static/src/components/apps_menu_item/apps_menu_item.scss @@ -22,7 +22,10 @@ flex-direction: column; border-radius: 4px; gap: 0.25rem; - transition: ease box-shadow, transform, 0.3s; + transition: + ease box-shadow, + transform, + 0.3s; background: unset; outline: unset; border: unset; diff --git a/web_responsive/static/src/components/file_viewer/file_viewer.scss b/web_responsive/static/src/components/file_viewer/file_viewer.scss index f528e8333b6d..fcb720a44c79 100644 --- a/web_responsive/static/src/components/file_viewer/file_viewer.scss +++ b/web_responsive/static/src/components/file_viewer/file_viewer.scss @@ -41,7 +41,9 @@ background-color: rgba(255, 255, 255, 0.2); text-shadow: 0 0 rgba(30, 30, 30, 0.8); box-shadow: 0 0 1px 0 rgba(30, 30, 30, 0.4); - transition: background-color 0.2s, box-shadow 0.2s; + transition: + background-color 0.2s, + box-shadow 0.2s; &:hover { background-color: rgba(255, 255, 255, 0.8); diff --git a/web_responsive/static/src/legacy/scss/primary_variable.scss b/web_responsive/static/src/legacy/scss/primary_variable.scss index bb1f12852138..dfbb28dbdd7f 100644 --- a/web_responsive/static/src/legacy/scss/primary_variable.scss +++ b/web_responsive/static/src/legacy/scss/primary_variable.scss @@ -4,9 +4,15 @@ $app-menu-text-color: #374151 !default; $app-menu-background-color: rgb(233, 230, 249) !default; $app-menu-item-highlight: rgb(243, 240, 259) !default; -$app-menu-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.16), - 0 2px 2px rgba(0, 0, 0, 0.016), 0 4px 4px rgba(0, 0, 0, 0.016), - 0 8px 8px rgba(0, 0, 0, 0.016), 0 16px 16px rgba(0, 0, 0, 0.016) !default; -$app-menu-box-shadow-highlight: inset 0 0 0 1px rgba(0, 0, 0, 0.26), - 0 2px 2px rgba(0, 0, 0, 0.026), 0 4px 4px rgba(0, 0, 0, 0.026), - 0 8px 8px rgba(0, 0, 0, 0.026), 0 16px 16px rgba(0, 0, 0, 0.026) !default; +$app-menu-box-shadow: + inset 0 0 0 1px rgba(0, 0, 0, 0.16), + 0 2px 2px rgba(0, 0, 0, 0.016), + 0 4px 4px rgba(0, 0, 0, 0.016), + 0 8px 8px rgba(0, 0, 0, 0.016), + 0 16px 16px rgba(0, 0, 0, 0.016) !default; +$app-menu-box-shadow-highlight: + inset 0 0 0 1px rgba(0, 0, 0, 0.26), + 0 2px 2px rgba(0, 0, 0, 0.026), + 0 4px 4px rgba(0, 0, 0, 0.026), + 0 8px 8px rgba(0, 0, 0, 0.026), + 0 16px 16px rgba(0, 0, 0, 0.026) !default; diff --git a/web_responsive/static/src/legacy/scss/web_responsive.scss b/web_responsive/static/src/legacy/scss/web_responsive.scss index 092faba203dd..de3c63cbc1f2 100644 --- a/web_responsive/static/src/legacy/scss/web_responsive.scss +++ b/web_responsive/static/src/legacy/scss/web_responsive.scss @@ -65,7 +65,9 @@ $chatter_zone_width: 35% !important; // Some UX improvements for form in edit mode @include media-breakpoint-down(sm) { &.o_form_editable .o_field_widget { - &:not(.o_stat_info):not(.o_readonly_modifier):not(.oe_form_field_html):not(.o_field_image) { + &:not(.o_stat_info):not(.o_readonly_modifier):not( + .oe_form_field_html + ):not(.o_field_image) { min-height: 35px; } diff --git a/web_responsive/static/src/legacy/xml/custom_favorite_item.xml b/web_responsive/static/src/legacy/xml/custom_favorite_item.xml index be79500c6490..4f959bb1458a 100644 --- a/web_responsive/static/src/legacy/xml/custom_favorite_item.xml +++ b/web_responsive/static/src/legacy/xml/custom_favorite_item.xml @@ -1,6 +1,5 @@ - - diff --git a/web_responsive/static/src/views/form/status_bar_buttons.xml b/web_responsive/static/src/views/form/status_bar_buttons.xml index 9d8cb8ff11fa..7e3f312ff5b3 100644 --- a/web_responsive/static/src/views/form/status_bar_buttons.xml +++ b/web_responsive/static/src/views/form/status_bar_buttons.xml @@ -4,7 +4,6 @@ License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html). --> - -