[FIX] odoo_theme: show a cursor when hovering on an image without modal

The images that have the class `o-no-modal` cannot be clicked to open in
a modal, so the cursor should not be changed to a pointer when hovering
on them.

This commit also simplifies the theme's SCSS by replacing the hard-coded
SVG images used in the "Supported versions" page by unicode circles with
a custom styling.

Co-authored-by: Elisabeth Dickinson (edi) <edi@odoo.com>
This commit is contained in:
Antoine Vandevenne (anv) 2022-07-13 11:22:11 +02:00
parent 54d676cac8
commit 556cd6befa
2 changed files with 11 additions and 8 deletions

View File

@ -68,14 +68,13 @@ This matrix shows the support status of every version.
🏁 Future version, not released yet 🏁 Future version, not released yet
.. This is an awful way to display colored circles but "Large Green Circle Emoji" was only released .. |green| raw:: html
in 2019 (see https://unicode-table.com/en/1F7E2/). Let's wait a few more years...
.. |green| image:: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzIuMTkgMjMyLjE5Ij48Y2lyY2xlIGN4PSIxMTYuMDkiIGN5PSIxMTYuMDkiIHI9IjExNi4wOSIgc3R5bGU9ImZpbGw6IzAwYTcwMCIvPjwvc3ZnPg== <span class="text-success" style="font-size: 32px; line-height: 0.5">●</span>
:width: 15
.. |red| image:: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzIuMTkgMjMyLjE5Ij48Y2lyY2xlIGN4PSIxMTYuMDkiIGN5PSIxMTYuMDkiIHI9IjExNi4wOSIgc3R5bGU9ImZpbGw6I2QwMDAwMCIvPjwvc3ZnPg== .. |red| raw:: html
:width: 15
<span class="text-danger" style="font-size: 32px; line-height: 0.5">●</span>
I run an older version of Odoo/OpenERP/TinyERP I run an older version of Odoo/OpenERP/TinyERP
============================================== ==============================================

View File

@ -755,14 +755,18 @@ header {
font-weight: $fw_semibold; font-weight: $fw_semibold;
} }
img:not([alt="green"]):not([alt="orange"]):not([alt="red"]) { img {
border: 1px solid $gray-lighter; border: 1px solid $gray-lighter;
background: $white; background: $white;
padding: .5rem; padding: .5rem;
margin-bottom: 1rem;
}
img:not(.o-no-modal) {
cursor: pointer; cursor: pointer;
} }
img:not([alt="green"]):not([alt="orange"]):not([alt="red"]), iframe { iframe {
margin-bottom: 1rem; margin-bottom: 1rem;
} }