From 03257cb8d0e8c84198c3c776927a8ec693e73c35 Mon Sep 17 00:00:00 2001 From: "Antoine Vandevenne (anv)" Date: Wed, 13 Jul 2022 09:22:11 +0000 Subject: [PATCH] [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. X-original-commit: f648960c7804c0b682b7c8a694a6ff90202fde34 Part-of: odoo/documentation#2465 Co-authored-by: Elisabeth Dickinson (edi) --- .../administration/maintain/supported_versions.rst | 11 +++++------ extensions/odoo_theme/static/style.scss | 8 ++++++-- 2 files changed, 11 insertions(+), 8 deletions(-) diff --git a/content/administration/maintain/supported_versions.rst b/content/administration/maintain/supported_versions.rst index fa8cc052d..400e74f93 100644 --- a/content/administration/maintain/supported_versions.rst +++ b/content/administration/maintain/supported_versions.rst @@ -68,14 +68,13 @@ This matrix shows the support status of every version. 🏁 Future version, not released yet -.. This is an awful way to display colored circles but "Large Green Circle Emoji" was only released - in 2019 (see https://unicode-table.com/en/1F7E2/). Let's wait a few more years... +.. |green| raw:: html -.. |green| image:: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzIuMTkgMjMyLjE5Ij48Y2lyY2xlIGN4PSIxMTYuMDkiIGN5PSIxMTYuMDkiIHI9IjExNi4wOSIgc3R5bGU9ImZpbGw6IzAwYTcwMCIvPjwvc3ZnPg== - :width: 15 + ● -.. |red| image:: data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzIuMTkgMjMyLjE5Ij48Y2lyY2xlIGN4PSIxMTYuMDkiIGN5PSIxMTYuMDkiIHI9IjExNi4wOSIgc3R5bGU9ImZpbGw6I2QwMDAwMCIvPjwvc3ZnPg== - :width: 15 +.. |red| raw:: html + + ● I run an older version of Odoo/OpenERP/TinyERP ============================================== diff --git a/extensions/odoo_theme/static/style.scss b/extensions/odoo_theme/static/style.scss index 541f5cdbb..b0e5d86d8 100644 --- a/extensions/odoo_theme/static/style.scss +++ b/extensions/odoo_theme/static/style.scss @@ -755,14 +755,18 @@ header { font-weight: $fw_semibold; } - img:not([alt="green"]):not([alt="orange"]):not([alt="red"]) { + img { border: 1px solid $gray-lighter; background: $white; padding: .5rem; + margin-bottom: 1rem; + } + + img:not(.o-no-modal) { cursor: pointer; } - img:not([alt="green"]):not([alt="orange"]):not([alt="red"]), iframe { + iframe { margin-bottom: 1rem; }