Commit Graph

8 Commits

Author SHA1 Message Date
Sergey Shebanin
2354e7e5e0 [MIG] web_responsive: Migration to 14.0 2023-03-01 15:33:26 +01:00
Ivàn Todorovich
9f962c4c1c [IMP] Improve responsiveness in large screens: don't let the icons separate too much from each other
[FIX] Display of long search result items in mobile

[IMP] AppMenu searchbar style

[IMP] Add vertical padding to icons, to increase separation

[IMP] Add focus style on app icons

[IMP] Prevent user selection on menu

[IMP] Prevent dragging the menues
2023-03-01 15:33:26 +01:00
Pablo Androetto
25c2ffbbe9 New style in apps menu
scss file to change ui variables easily

Deleted unnecesary padding

remove unnecesary styles

unnecesary styles

align menu items to left again

search results styles and fixes

prettier configuration fix

newline at end of file (variables.scss)

text color calculation for navbar

fix in img url

requested fixes

Transitions and focus fixes

fix in js settimeout

margin added in search-container

Fix in transition

Co-authored-by: Jairo Llopis <Yajo@users.noreply.github.com>

Remove duplicated css
2023-03-01 15:33:26 +01:00
Stéphane Bidoul
7c3248b870 pre-commit update: prettier xml indent 2023-03-01 15:33:26 +01:00
Jairo Llopis
6cd375bf99 [IMP] pre-commit run after update
Includes some manual fixes to silent ESLint warnings.
2023-03-01 15:33:26 +01:00
Jairo Llopis
6235617679 [FIX] web_responsive: Allow searching apps in mobile Chrome
This patch fixes #1251.

The keydown event is faked in mobile chrome because it's not something reliable due to today's virtual keyboards prediction features. Typing a <kbd>C</kbd> character doesn't mean it will be there when user uses autocorrection/autoguessing.

Instead of that, we use now the `keydown` event exclusively for movement features, and `input` event exclusively for content changes in the search input element.

Apart from fixing search in mobile Chrome, it also makes code more readable.

The search input also disables autocompletion since it would be useless and annoying here.
2023-03-01 15:33:26 +01:00
Jairo Llopis
cced5e2588 [FIX] web_responsive: Make app icons and search results middle-button-clickable
In the case of app icons, those weren't getting the `href` attribute filled.

In the case of search results, those weren't even an `<a>` element.

Fixed in both cases to fix https://github.com/OCA/web/issues/1170.
2023-03-01 15:33:26 +01:00
Jairo Llopis
29d50dda8b [MIG] web_responsive: Migrate to v12 and refactor
This migration includes a full refactoring to make this module more
maintainable. Some things that have changed:

- Removed external libraries.
- Change Less for Scss.
- Reduce ES and XML to the minimal required needs.
- Implement as much features as possible with just Scss.
- Remove copyright from `__init__.py` files.
- Trigger the new hotkeys system from Odoo v12 with `Shift+Alt` instead
  of just `Alt`, and restore some good old hotkeys (`E` for "Edit",
  `D` for "Discard", and `A` for "Apps menu").
  See https://github.com/odoo/odoo/issues/30068 on the matter.
- Control panel breadcrumbs are collapsed into a single backwards icon.
- Add FA icons to most common buttons in control panel.
- Hide text in XS for those buttons, to have a slicker phone experience.
- Lots of gifs in the README!
2023-03-01 15:33:26 +01:00