pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website: review snippets primary buttons

Browse Source 
Before this commit, snippets were using primary buttons too much. We are
now using more secondary buttons and links.

task-3097005

Part-of: odoo/odoo#120302
This commit is contained in:
Antoine (anso)
2023-10-08 10:45:45 +00:00
committed by qsm-odoo
parent bf2416723a
commit 808d1f2962
6 changed files with 14 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/static/tests/tours/snippet_popup_display_on_click.js
+4 -4
View File
@@ -43,14 +43,14 @@ wTourUtils.registerWebsitePreviewTour("snippet_popup_display_on_click", {
},
},
wTourUtils.clickOnElement("button to close the popup", "iframe .s_popup_close"),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-primary"),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-secondary"),
{
content: "Paste the popup anchor in the URL input",
trigger: "#o_link_dialog_url_input",
run: "text #Win-%2420"
},
...wTourUtils.clickOnSave(),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-primary"),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-secondary"),
{
content: "Verify that the popup opens after clicked the button.",
in_modal: false,
@@ -68,14 +68,14 @@ wTourUtils.registerWebsitePreviewTour("snippet_popup_display_on_click", {
},
...wTourUtils.clickOnEditAndWaitEditMode(),
wTourUtils.dragNDrop({id: "s_text_image", name: "Image - Text"}),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-primary"),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-secondary"),
{
content: "Add a link to the homepage popup in the URL input",
trigger: "#o_link_dialog_url_input",
run: "text /#Win-%2420"
},
...wTourUtils.clickOnSave(),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-primary"),
wTourUtils.clickOnElement("text image snippet button", "iframe .s_text_image .btn-secondary"),
{
content: "Verify that the popup opens when the homepage page loads.",
in_modal: false,
addons/website/views/snippets/s_image_text.xml
+1 -1
View File
@@ -12,7 +12,7 @@
<h2>Section Subtitle</h2>
<p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
<p>Start with the customer – find out what they want and give it to them.</p>
<p><a href="#" class="btn btn-primary">Discover more</a></p>
<p><a href="#" class="btn btn-secondary">Discover more</a></p>
</div>
</div>
</div>
addons/website/views/snippets/s_media_list.xml
+1 -1
View File
@@ -13,7 +13,7 @@
<div class="col-lg-8 s_media_list_body">
<h3>Media heading</h3>
<p>Use this snippet to build various types of components that feature a left- or right-aligned image alongside textual content. Duplicate the element to create a list that fits your needs.</p>
<a href="#" class="btn btn-primary">Discover</a>
<a href="#">Discover more <i class="fa fa-long-arrow-right align-middle ms-1"/></a>
</div>
</div>
</div>
addons/website/views/snippets/s_product_list.xml
+6 -6
View File
@@ -11,7 +11,7 @@
<img src="/web/image/website.s_product_list_default_image_1" alt="" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a t-att-href="url" class="btn btn-primary">Furniture</a>
<a t-att-href="url" class="btn btn-secondary">Furniture</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
@@ -19,7 +19,7 @@
<img src="/web/image/website.s_product_list_default_image_2" alt="" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a t-att-href="url" class="btn btn-primary">Clothes</a>
<a t-att-href="url" class="btn btn-secondary">Clothes</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
@@ -27,7 +27,7 @@
<img src="/web/image/website.s_product_list_default_image_3" alt="" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a t-att-href="url" class="btn btn-primary">Books</a>
<a t-att-href="url" class="btn btn-secondary">Books</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
@@ -35,7 +35,7 @@
<img src="/web/image/website.s_product_list_default_image_4" alt="" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a t-att-href="url" class="btn btn-primary">Essential oils</a>
<a t-att-href="url" class="btn btn-secondary">Essential oils</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
@@ -43,7 +43,7 @@
<img src="/web/image/website.s_product_list_default_image_5" alt="" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a t-att-href="url" class="btn btn-primary">Service</a>
<a t-att-href="url" class="btn btn-secondary">Service</a>
</div>
</div>
<div class="col-lg-2 col-md-4 col-6">
@@ -51,7 +51,7 @@
<img src="/web/image/website.s_product_list_default_image_6" alt="" class="img img-fluid"/>
</a>
<div class="s_product_list_item_link">
<a t-att-href="url" class="btn btn-primary">Multimedia</a>
<a t-att-href="url" class="btn btn-secondary">Multimedia</a>
</div>
</div>
</div>
addons/website/views/snippets/s_showcase.xml
+1 -1
View File
@@ -49,7 +49,7 @@
</div>
<div class="container text-lg-center">
<p><br/></p>
<a href="#" class="btn btn-primary">Discover all the features</a>
<a href="#">Discover all the features</a>
</div>
</section>
</template>
addons/website/views/snippets/s_text_image.xml
+1 -1
View File
@@ -9,7 +9,7 @@
<h2>A Section Subtitle</h2>
<p>Write one or two paragraphs describing your product or services. To be successful your content needs to be useful to your readers.</p>
<p>Start with the customer – find out what they want and give it to them.</p>
<p><a href="#" class="btn btn-primary">Learn more</a></p>
<p><a href="#" class="btn btn-secondary">Learn more</a></p>
</div>
<div class="col-lg-6 pt16 pb16">
<img src="/web/image/website.s_text_image_default_image" class="img img-fluid mx-auto" alt=""/>