Commit Graph

8 Commits

Author SHA1 Message Date
Sergey Shebanin
5036a68a01 [MIG] web_responsive: Migration to 14.0 2021-03-18 21:42:02 +03:00
Ivàn Todorovich
7388aee741 [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
2021-03-18 21:42:00 +03:00
Pablo Androetto
87a1a65c68 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
2021-03-18 21:42:00 +03:00
Stéphane Bidoul
851a518953 pre-commit update: prettier xml indent 2021-03-18 21:42:00 +03:00
Jairo Llopis
3a223fa490 [IMP] pre-commit run after update
Includes some manual fixes to silent ESLint warnings.
2021-03-18 21:41:59 +03:00
Jairo Llopis
f567959665 [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.
2021-03-18 02:05:46 +03:00
Jairo Llopis
0053bdf72a [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.
2021-03-18 02:05:45 +03:00
Jairo Llopis
46ac45a5f1 [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!
2021-03-18 02:05:45 +03:00