[IMP] theme_nano: revamp the theme

This commit revamps the design of the `theme_nano`.

task-4178081
part of task-4177975

closes odoo/design-themes#935

Related: odoo/odoo#181369
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
Chrysanthe (chgo)
2024-09-23 14:48:40 +02:00
parent 9763584495
commit 47568ec66f
35 changed files with 610 additions and 249 deletions
+15 -11
View File
@@ -2,25 +2,29 @@
<odoo>
<template id="s_cta_box" inherit_id="website.s_cta_box">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
<attribute name="style" add="background-image: linear-gradient(90deg, var(--o-color-1) 0%, var(--o-color-5) 100%);" separator=";"/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Interested in our services?
<xpath expr="//div[hasclass('card-body')]" position="attributes">
<attribute name="style" add="text-align: center" separator=";"/>
</xpath>
<!-- Paragraphs -->
<xpath expr="//p" position="replace" mode="inner">
The first quotation is free of charge<br/><br/>
<xpath expr="//h2[hasclass('card-title')]" position="replace">
<h2 class="card-title" style="text-align: center;">Interested in our services?</h2>
</xpath>
<xpath expr="//p[hasclass('card-text')]" position="replace">
<p class="card-text" style="text-align: center;">Let's discuss how we can help your business<br/><br/></p>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/theme_nano/static/src/img/theme/19.jpg</attribute>
</xpath>
<xpath expr="//figure[hasclass('o_card_img_wrapper')]" position="replace"/>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]" position="replace" mode="inner">
Contact us
<xpath expr="//a[hasclass('btn')]" position="replace">
<a t-att-href="cta_btn_href" class="btn btn-lg btn-primary">Schedule a call</a>
</xpath>
</template>