[IMP] theme_zap: theme improvement

Revamp of `theme_zap`

task-4178094

closes odoo/design-themes#908

Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
This commit is contained in:
Antoine (anso)
2024-09-13 14:45:07 +02:00
committed by Alice Gaudon
parent 8fda02fca5
commit 0dd9e17b8f
33 changed files with 541 additions and 274 deletions
+47
View File
@@ -0,0 +1,47 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cta_card" inherit_id="website.s_cta_card">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4 o_colored_level pt136" remove="o_cc2 pt64" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Origins/07_002','colors':{'c3':'o-color-4','c4':'rgba(0,0,0,0)','c5':'o-color-1'},'flip':['x']}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('o_we_shape')]" position="replace">
<div class="o_we_shape o_web_editor_Origins_07_002" style="background-image: url('/web_editor/shape/web_editor/Origins/07_002.svg?c3=o-color-4&amp;c4=rgba(0,0,0,0)&amp;c5=o-color-1&amp;flip=x'); background-position: 50% 100%;"/>
</xpath>
<!-- Text Col -->
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
<attribute name="class" remove="col-lg-8" add="col-lg-5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
Were seeking exceptional talent to join our team
</xpath>
<!-- Card Col -->
<xpath expr="//div[hasclass('col-lg-4')]" position="attributes">
<attribute name="class" remove="col-lg-4" add="col-lg-6 offset-lg-1" separator=" "/>
</xpath>
<!-- Card -->
<xpath expr="//div[hasclass('s_card')]" position="attributes">
<attribute name="class" add="o_card_img_horizontal flex-lg-row" separator=" "/>
<attribute name="style">border-width: 0px; max-width: 100%; --card-img-size-h: 50%;</attribute>
</xpath>
<xpath expr="//div[hasclass('card-body')]" position="before">
<figure class="o_card_img_wrapper mb-0 ratio ratio-1x1">
<img class="o_card_img object-fit-cover rounded-start" src="/web/image/website.s_three_columns_default_image_3"/>
</figure>
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[1]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Attractive Salary
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[2]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Continuous Learning
</xpath>
<xpath expr="//div[hasclass('s_card')]//p[3]" position="replace" mode="inner">
<i class="fa fa-check text-o-color-1" role="presentation" contenteditable="false"/> Healthy Environement
</xpath>
</template>
</odoo>