From 7d11b5fcd012c44b295896bcbfcd4511586e5dc3 Mon Sep 17 00:00:00 2001 From: "stefanorigano (SRI)" Date: Wed, 1 Sep 2021 10:17:06 +0000 Subject: [PATCH] [IMP] website: configurator, handle svg preview text readability MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Handle text and other components readability when placed over a colored background. Both the element and the underlying bg must use the same color, eg [fill="#FFF"]. closes odoo/odoo#75834 Signed-off-by: Jérémy Kersten (jke) --- addons/website/static/src/scss/configurator.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/addons/website/static/src/scss/configurator.scss b/addons/website/static/src/scss/configurator.scss index fde44bed260..e45b78a3f29 100644 --- a/addons/website/static/src/scss/configurator.scss +++ b/addons/website/static/src/scss/configurator.scss @@ -261,6 +261,15 @@ .theme_svg_container svg { width: 100%; height: auto; + + // Handle text and other components readability when + // placed over a coloured bg. Both the element and the + // underlying bg must have the same color, eg [FILL="#FFF"]. + .svgc_text { + filter: saturate(0) invert(1) contrast(1000%); + -moz-filter: saturate(0) invert(1) contrast(1000%); + -webkit-filter: saturate(0) invert(1) contrast(1000%); + } } .button_area {