Files
design-themes/theme_kea/views/snippets/s_features.xml
T
Chrysanthe (chgo) ac5e7c8d9b [FIX] website: remove fs-5 class from s_features icons
This commit removes a `fs-5` that was added on icons within the
`s_features` snippet.

Currently, the size of icons are handled in two different ways :

1) if the icon has a `rounded` class, we have a CSS property setting
the width to a certain size.

2) if the icon doesn't have the `rounded` class, it uses the default
behaviour, meaning the `fa-*x` class will set a font-size. In this case,
as there was a `fs-*` class applied, it prevented the icon to scale.

This commit fixes the issue by removing the extra class.

task-4182400

closes odoo/design-themes#918

Related: odoo/odoo#180032
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
2024-09-19 16:34:42 +00:00

42 lines
1.7 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_features" inherit_id="website.s_features">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2 pt48" remove="pt64" separator=" "/>
</xpath>
<!-- Column #01 -->
<xpath expr="//div[hasclass('row')]/div[1]/i" position="replace">
<i class="s_features_icon fa fa-image mb-3 rounded" role="img"/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[1]/div/h3" position="replace" mode="inner">
<b>Stunning visuals</b>
</xpath>
<xpath expr="//div[hasclass('row')]/div[1]/div/p" position="replace" mode="inner">
Tell what's the value for the customer for this feature.
</xpath>
<!-- Column #02 -->
<xpath expr="//div[hasclass('row')]/div[2]/i" position="replace">
<i class="s_features_icon fa fa-eye mb-3 rounded" role="img"/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/div/h3" position="replace" mode="inner">
<b>360-degree vision</b>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]/div/p" position="replace" mode="inner">
Write what the customer would like to know, not what you want to show.
</xpath>
<!-- Column #03 -->
<xpath expr="//div[hasclass('row')]/div[3]/i" position="attributes">
<attribute name="class" add="fa-microphone" remove="fa-flag-o" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]/div/h3" position="replace" mode="inner">
<b>Built in mic</b>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]/div/p" position="replace" mode="inner">
A small explanation of this great feature, in clear words.
</xpath>
</template>
</odoo>