[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:
parent
54d676cac8
commit
556cd6befa
@ -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
|
||||||
==============================================
|
==============================================
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user