[MOV] website: add s_text_highlight snippet from themes repo

Part of https://github.com/odoo/odoo/pull/42937
task-2088157
This commit is contained in:
qsm-odoo
2020-01-24 13:02:02 +00:00
parent 34a8199cfe
commit a74cd7ad4f
5 changed files with 49 additions and 2 deletions
+1
View File
@@ -63,6 +63,7 @@
'views/snippets/s_showcase.xml',
'views/snippets/s_timeline.xml',
'views/snippets/s_process_steps.xml',
'views/snippets/s_text_highlight.xml',
'views/snippets/s_mega_menu_multi_menus.xml',
'views/snippets/s_mega_menu_menu_image_menu.xml',
'views/website_views.xml',
Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

@@ -0,0 +1,5 @@
.s_text_highlight {
padding: 12px 8px 18px;
border-radius: 5px;
border: 1px solid rgba(white, 0.2);
}
@@ -0,0 +1,41 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template name="Text Highlight" id="s_text_highlight">
<div class="s_text_highlight bg-gamma o_animation mt32 mb32 text-center w-100">
<div class="container">
<h3>Text Highlight</h3>
<h4>Change the color of this box</h4>
<p>Put the focus on what you have to say!</p>
</div>
</div>
</template>
<template id="s_text_highlight_options" inherit_id="website.snippet_options">
<xpath expr="//div[@id='so_main_colorpicker']" position="attributes">
<attribute name="data-selector" add=".s_text_highlight"/>
</xpath>
<xpath expr="//div[@id='so_width']" position="attributes">
<attribute name="data-selector" add=".s_text_highlight"/>
</xpath>
<xpath expr="//div[@id='so_text_align']" position="attributes">
<attribute name="data-selector" add=".s_text_highlight"/>
</xpath>
<xpath expr="//div[@data-js='background']" position="before">
<div data-selector=".s_text_highlight">
<we-select string="Position">
<we-button data-select-class="">Left</we-button>
<we-button data-select-class="mx-auto">Center</we-button>
<we-button data-select-class="ml-auto">Right</we-button>
</we-select>
</div>
</xpath>
</template>
<template id="assets_snippet_s_text_highlight_css_000" inherit_id="website.assets_frontend">
<xpath expr="//link[last()]" position="after">
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_text_highlight/000.scss"/>
</xpath>
</template>
</odoo>
+2 -2
View File
@@ -94,7 +94,7 @@
<t t-snippet="website.s_share" t-thumbnail="/website/static/src/img/snippets_thumbs/s_share.png"/>
<t id="sale_product_search_input_hook"/>
<t id="mass_mailing_newsletter_hook"/>
<!-- Text Highlight -->
<t t-snippet="website.s_text_highlight" t-thumbnail="/website/static/src/img/snippets_thumbs/s_color_block.png"/>
<t t-snippet="website.s_chart" t-thumbnail="/website/static/src/img/snippets_thumbs/s_chart.png"/>
<!-- Progress Bar -->
<!-- Tags -->
@@ -326,7 +326,7 @@
t-att-data-selector="so_snippet_addition_selector"
data-drop-in=":not(p).oe_structure:not(.oe_structure_solo), :not(p)[data-oe-type=html], :not(p).oe_structure.oe_structure_solo:not(:has(> section, > div))"/>
<t t-set="so_content_addition_selector" t-translation="off">blockquote, .s_card, .s_alert, .o_facebook_page, .s_share, .s_rating, .s_hr, .s_countdown, .s_chart</t>
<t t-set="so_content_addition_selector" t-translation="off">blockquote, .s_card, .s_alert, .o_facebook_page, .s_share, .s_rating, .s_hr, .s_countdown, .s_chart, .s_text_highlight</t>
<div id="so_content_addition"
t-att-data-selector="so_content_addition_selector"
t-attf-data-drop-near="p, h1, h2, h3, .row > div > img, #{so_content_addition_selector}"