NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[FIX] theme_*: fix svg previews readability on safari

Browse Source 
In Safari (14+) the CSS workaround to make block "readable" over any bg
is broken. By replacing the current CSS workaround by an appropriate
SVG filter in each themes svg, the problem will be fixed.
This commit will add the svg filter.

task-2667028

closes odoo/design-themes#538

X-original-commit: 545cf002ea
Related: odoo/odoo#81190
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
xlu-odoo
2021-10-14 14:09:40 +00:00
committed by qsm-odoo
parent 99a3c80a00
commit bcb74695ed
26 changed files with 1035 additions and 694 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_odoo_experts/static/description/theme_odoo_experts.svg
+39 -26
View File
@@ -49,19 +49,32 @@
<stop offset="0" stop-color="#7C6576" stop-opacity="0"/>
<stop offset="1" stop-color="#7C6576"/>
</linearGradient>
<filter id="filter_readability_odoo_experts">
<feColorMatrix in="SourceGraphic" type="saturate" values="0"/>
<feComponentTransfer>
<feFuncR type="table" tableValues="1 0"/>
<feFuncG type="table" tableValues="1 0"/>
<feFuncB type="table" tableValues="1 0"/>
</feComponentTransfer>
<feComponentTransfer>
<feFuncR type="linear" slope="10000" intercept="-4999.5"/>
<feFuncG type="linear" slope="10000" intercept="-4999.5"/>
<feFuncB type="linear" slope="10000" intercept="-4999.5"/>
</feComponentTransfer>
</filter>
</defs>
<g fill="none" fill-rule="evenodd" class="theme_odoo_experts">
<rect width="700" height="1850" fill="#FFFFFF"/>
<g class="svgc_menu" transform="translate(-1428 -220)">
<rect width="700" height="37" transform="translate(1428 247)" class="svgc_menu_bg" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-1.187,3.27,3.27,0,0,0-.812-.931,3.741,3.741,0,0,0-1.135-.607,4.3,4.3,0,0,0-1.381-.216,4.21,4.21,0,0,0-1.607.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(1428 247)" class="svgc_text" opacity="1" fill="#MENU_COLOR"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-1.187,3.27,3.27,0,0,0-.812-.931,3.741,3.741,0,0,0-1.135-.607,4.3,4.3,0,0,0-1.381-.216,4.21,4.21,0,0,0-1.607.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(1428 247)" class="svgc_text" opacity="1" fill="#MENU_COLOR" filter="url(#filter_readability_odoo_experts)"/>
<g transform="translate(1587 262)" opacity="0.6">
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="37" height="7" transform="translate(58)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="37" height="7" transform="translate(116)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="37" height="7" transform="translate(174)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<rect width="37" height="7" transform="translate(2021 262)" fill="#MENU_COLOR" class="svgc_text"/>
<rect width="37" height="7" transform="translate(2021 262)" fill="#MENU_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="700" height="28" transform="translate(1428 220)" fill="#F6F6F6"/>
<circle cx="5" cy="5" r="5" transform="translate(2048 229.908)" fill="#3AADAA"/>
<circle cx="5" cy="5" r="5" transform="translate(2036 229.908)" fill="#3AADAA"/>
@@ -260,7 +273,7 @@
<g class="s_references">
<rect width="700" height="240" transform="translate(0 1347)" fill="#F6F6F6"/>
<text transform="translate(350 1387)" fill="#3AADAA" font-size="24" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="-71.127" y="0">Section Title</tspan></text>
<rect width="94" height="2" transform="translate(304 1405.065)" fill="#F6F6F6" class="svgc_text" opacity="0.4"/>
<rect width="94" height="2" transform="translate(304 1405.065)" fill="#F6F6F6" class="svgc_text" opacity="0.4" filter="url(#filter_readability_odoo_experts)"/>
<path d="M0,1016.1l700-123v123Z" transform="translate(0 570.9)" fill="#3AADAA"/>
<rect width="60" height="20" transform="translate(243 1432)" fill="url(#theme_odoo_experts_s_reference_demo_image_1)"/>
<rect width="60" height="20" transform="translate(243 1470)" fill="url(#theme_odoo_experts_s_reference_demo_image_2)"/>
@@ -273,11 +286,11 @@
<rect width="700" height="125" transform="translate(0 1587)" fill="#3AADAA"/>
<g transform="translate(68.425 1599.508)" opacity="0.4">
<rect width="131" height="2" transform="translate(1.575 32.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="116" height="2" transform="translate(1.575 37.025)" fill="#3AADAA" class="svgc_text"/>
<rect width="131" height="2" transform="translate(1.575 32.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="116" height="2" transform="translate(1.575 37.025)" fill="#3AADAA" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<rect width="94" height="28" transform="translate(537 1597.468)" fill="#383E45"/>
<text transform="translate(141 1615)" fill="#3AADAA" class="svgc_text" font-size="24" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="-71.127" y="0">Section Title</tspan></text>
<text transform="translate(141 1615)" fill="#3AADAA" class="svgc_text" font-size="24" font-family="Arial-BoldMT, Arial" font-weight="700" filter="url(#filter_readability_odoo_experts)"><tspan x="-71.127" y="0">Section Title</tspan></text>
<text transform="translate(584 1616)" fill="#FFFFFF" font-size="11" font-family="Arial-BoldMT, Arial" font-weight="700"><tspan x="-23.235" y="0">Discover</tspan></text>
<g transform="translate(537 1602.954)">
<path d="M589.667,0,562.5,27.167h27.167Z" transform="translate(-426.667)" fill="#383E45"/>
@@ -297,25 +310,25 @@
<g class="svgc_footer">
<rect width="700" height="139" transform="translate(0 1711)" class="svgc_footer_bg" fill="#FOOTER_COLOR"/>
<g transform="translate(9 -17)" opacity="0.4">
<rect width="28" height="2" transform="translate(593 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(560 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(527 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(494 1823)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="28" height="2" transform="translate(593 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="28" height="2" transform="translate(560 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="28" height="2" transform="translate(527 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="28" height="2" transform="translate(494 1823)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-1.187,3.27,3.27,0,0,0-.812-.931,3.741,3.741,0,0,0-1.135-.607,4.3,4.3,0,0,0-1.381-.216,4.21,4.21,0,0,0-1.607.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(-0.759 1787.847)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1"/>
<line x2="560" transform="translate(70.5 1787)" stroke="#FOOTER_COLOR" class="svgc_text" opacity="0.4" stroke-width="1"/>
<path d="M76.345,23V21.479H72.6V14.273H70.759V23Zm4.68.12a4.131,4.131,0,0,0,2.08-.527,3.749,3.749,0,0,0,1.467-1.528,5.054,5.054,0,0,0,.539-2.429,5.059,5.059,0,0,0-.54-2.429,3.755,3.755,0,0,0-1.465-1.527,4.388,4.388,0,0,0-4.17,0,3.739,3.739,0,0,0-1.461,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.753,3.753,0,0,0,1.461,1.53,4.138,4.138,0,0,0,2.088.528Zm0-1.633a2.08,2.08,0,0,1-1.168-.328,2.128,2.128,0,0,1-.774-.963,3.929,3.929,0,0,1-.275-1.56,3.935,3.935,0,0,1,.275-1.56,2.114,2.114,0,0,1,.774-.962,2.242,2.242,0,0,1,2.335,0,2.121,2.121,0,0,1,.773.963,3.911,3.911,0,0,1,.275,1.56,3.909,3.909,0,0,1-.275,1.559,2.12,2.12,0,0,1-.773.963,2.075,2.075,0,0,1-1.168.328ZM90.3,23.119a4.152,4.152,0,0,0,1.952-.445,3.292,3.292,0,0,0,1.338-1.27,3.823,3.823,0,0,0,.486-1.975v-1.1H90.426v1.39H92.3l0,.126a1.886,1.886,0,0,1-.157.645l-.073.14a1.591,1.591,0,0,1-.682.633,2.35,2.35,0,0,1-1.071.224,2.127,2.127,0,0,1-1.2-.334,2.151,2.151,0,0,1-.784-.974,3.9,3.9,0,0,1-.277-1.551,3.805,3.805,0,0,1,.281-1.545,2.174,2.174,0,0,1,.787-.965,2.086,2.086,0,0,1,1.174-.332,2.283,2.283,0,0,1,.654.089,1.778,1.778,0,0,1,.528.258,1.6,1.6,0,0,1,.394.409,1.94,1.94,0,0,1,.252.552H94a3.19,3.19,0,0,0-.4-1.187,3.27,3.27,0,0,0-.812-.931,3.741,3.741,0,0,0-1.135-.607,4.3,4.3,0,0,0-1.381-.216,4.21,4.21,0,0,0-1.607.3,3.756,3.756,0,0,0-1.3.882,4.021,4.021,0,0,0-.867,1.413,5.417,5.417,0,0,0-.309,1.894,5.141,5.141,0,0,0,.518,2.384,3.725,3.725,0,0,0,1.447,1.547,4.2,4.2,0,0,0,2.156.543Zm8.958,0a4.137,4.137,0,0,0,2.081-.526,3.747,3.747,0,0,0,1.466-1.528,5.054,5.054,0,0,0,.54-2.429,5.059,5.059,0,0,0-.54-2.429,3.763,3.763,0,0,0-1.466-1.527,4.386,4.386,0,0,0-4.169,0,3.742,3.742,0,0,0-1.462,1.527,5.084,5.084,0,0,0-.537,2.43,5.07,5.07,0,0,0,.537,2.424,3.756,3.756,0,0,0,1.462,1.53A4.133,4.133,0,0,0,99.26,23.119Zm0-1.632a2.081,2.081,0,0,1-1.168-.328,2.127,2.127,0,0,1-.773-.963,3.911,3.911,0,0,1-.275-1.56,3.918,3.918,0,0,1,.275-1.56,2.112,2.112,0,0,1,.773-.962,2.242,2.242,0,0,1,2.335,0,2.123,2.123,0,0,1,.774.963,3.929,3.929,0,0,1,.275,1.56A3.927,3.927,0,0,1,101.2,20.2a2.128,2.128,0,0,1-.774.963A2.075,2.075,0,0,1,99.26,21.487Z" transform="translate(-0.759 1787.847)" fill="#FOOTER_COLOR" class="svgc_text" opacity="1" filter="url(#filter_readability_odoo_experts)"/>
<line x2="560" transform="translate(70.5 1787)" stroke="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)" opacity="0.4" stroke-width="1"/>
<g transform="translate(0 -19)" opacity="0.4">
<circle cx="5" cy="5" r="5" transform="translate(583 1781)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="5" cy="5" r="5" transform="translate(602 1781)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="5" cy="5" r="5" transform="translate(620 1781)" fill="#FOOTER_COLOR" class="svgc_text"/>
<circle cx="5" cy="5" r="5" transform="translate(583 1781)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<circle cx="5" cy="5" r="5" transform="translate(602 1781)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<circle cx="5" cy="5" r="5" transform="translate(620 1781)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
<rect width="93" height="7" transform="translate(70 1765)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="93" height="7" transform="translate(210 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4"/>
<rect width="93" height="7" transform="translate(350 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4"/>
<rect width="46" height="4" transform="translate(210 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(350 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(583 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="47" height="4" transform="translate(70 1752)" fill="#FOOTER_COLOR" class="svgc_text"/>
<rect width="93" height="7" transform="translate(70 1765)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="93" height="7" transform="translate(210 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4" filter="url(#filter_readability_odoo_experts)"/>
<rect width="93" height="7" transform="translate(350 1765)" fill="#FOOTER_COLOR" class="svgc_text" opacity="0.4" filter="url(#filter_readability_odoo_experts)"/>
<rect width="46" height="4" transform="translate(210 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="47" height="4" transform="translate(350 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="47" height="4" transform="translate(583 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
<rect width="47" height="4" transform="translate(70 1752)" fill="#FOOTER_COLOR" class="svgc_text" filter="url(#filter_readability_odoo_experts)"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 52 KiB