Compare commits
No commits in common. "574ceeb6197e1303995ffaa6f2161caad245189c" and "074b4b7281f259599cd0edde9c5de806bc2c838c" have entirely different histories.
574ceeb619
...
074b4b7281
4 changed files with 8 additions and 131 deletions
|
|
@ -1,89 +1,9 @@
|
||||||
.custom_website_description {
|
.custom_website_description {
|
||||||
--odoo-primary: var(--o-color-1, #875a7b);
|
font-size: 18px;
|
||||||
--odoo-text: var(--o-cc1-text, #212529);
|
color: #333;
|
||||||
--odoo-bg: var(--o-cc1-bg, #ffffff);
|
line-height: 1.5;
|
||||||
|
padding: 15px;
|
||||||
max-width: 1100px;
|
background-color: #efefff;
|
||||||
margin: 0 auto;
|
border: 1px solid #99c;
|
||||||
font-size: clamp(16px, 1.05vw, 18px);
|
border-radius: 12px;
|
||||||
color: var(--odoo-text);
|
|
||||||
line-height: 1.72;
|
|
||||||
letter-spacing: 0.01em;
|
|
||||||
padding: 28px;
|
|
||||||
background-color: var(--odoo-bg);
|
|
||||||
border: 1px solid rgba(135, 90, 123, 0.25);
|
|
||||||
border-top: 4px solid var(--odoo-primary);
|
|
||||||
border-radius: 14px;
|
|
||||||
box-shadow: 0 10px 26px rgba(135, 90, 123, 0.12);
|
|
||||||
column-count: 2;
|
|
||||||
column-gap: 36px;
|
|
||||||
column-fill: balance;
|
|
||||||
text-wrap: pretty;
|
|
||||||
hyphens: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description p,
|
|
||||||
.custom_website_description ul,
|
|
||||||
.custom_website_description ol {
|
|
||||||
margin-top: 0;
|
|
||||||
margin-bottom: 0.9em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description ul,
|
|
||||||
.custom_website_description ol {
|
|
||||||
padding-left: 1.2em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description h1,
|
|
||||||
.custom_website_description h2,
|
|
||||||
.custom_website_description h3,
|
|
||||||
.custom_website_description h4,
|
|
||||||
.custom_website_description h5,
|
|
||||||
.custom_website_description h6 {
|
|
||||||
color: var(--odoo-primary);
|
|
||||||
line-height: 1.3;
|
|
||||||
margin: 0 0 0.55em;
|
|
||||||
break-after: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description ul li::marker,
|
|
||||||
.custom_website_description ol li::marker {
|
|
||||||
color: var(--odoo-primary);
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description a {
|
|
||||||
color: var(--odoo-primary);
|
|
||||||
text-decoration-thickness: 0.08em;
|
|
||||||
text-underline-offset: 0.12em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description blockquote {
|
|
||||||
border-left: 4px solid var(--odoo-primary);
|
|
||||||
margin: 0.9em 0;
|
|
||||||
padding: 0.25em 0 0.25em 1em;
|
|
||||||
color: var(--odoo-text);
|
|
||||||
background-color: rgba(135, 90, 123, 0.06);
|
|
||||||
}
|
|
||||||
|
|
||||||
.custom_website_description p,
|
|
||||||
.custom_website_description li,
|
|
||||||
.custom_website_description h1,
|
|
||||||
.custom_website_description h2,
|
|
||||||
.custom_website_description h3,
|
|
||||||
.custom_website_description h4,
|
|
||||||
.custom_website_description h5,
|
|
||||||
.custom_website_description h6,
|
|
||||||
.custom_website_description blockquote,
|
|
||||||
.custom_website_description img,
|
|
||||||
.custom_website_description table {
|
|
||||||
break-inside: avoid;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 991.98px) {
|
|
||||||
.custom_website_description {
|
|
||||||
column-count: 1;
|
|
||||||
column-gap: 0;
|
|
||||||
padding: 20px;
|
|
||||||
line-height: 1.66;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,6 @@ Modifica la tienda online con los campos de product_library.
|
||||||
"data": ["views/website_sale_views.xml"],
|
"data": ["views/website_sale_views.xml"],
|
||||||
"assets": {
|
"assets": {
|
||||||
"web.assets_frontend": [
|
"web.assets_frontend": [
|
||||||
"website_sale_product_library/static/src/js/multimedia_hover_player.js",
|
|
||||||
"website_sale_product_library/static/src/scss/custom.scss",
|
"website_sale_product_library/static/src/scss/custom.scss",
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -1,40 +0,0 @@
|
||||||
/** @odoo-module */
|
|
||||||
|
|
||||||
(function () {
|
|
||||||
const ACTIVE_CLASS = 'o_multimedia_player_active';
|
|
||||||
|
|
||||||
function getProductCard(el) {
|
|
||||||
return el && el.closest('.oe_product_cart');
|
|
||||||
}
|
|
||||||
|
|
||||||
function activateCard(card) {
|
|
||||||
if (!card) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
const cards = document.querySelectorAll('.oe_product_cart.' + ACTIVE_CLASS);
|
|
||||||
cards.forEach((c) => {
|
|
||||||
if (c !== card) {
|
|
||||||
c.classList.remove(ACTIVE_CLASS);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
card.classList.add(ACTIVE_CLASS);
|
|
||||||
}
|
|
||||||
|
|
||||||
document.addEventListener('click', (ev) => {
|
|
||||||
const player = ev.target.closest('.o_multimedia_hover_player');
|
|
||||||
if (!player) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
activateCard(getProductCard(player));
|
|
||||||
});
|
|
||||||
|
|
||||||
document.addEventListener('focusin', (ev) => {
|
|
||||||
const iframe = ev.target.closest('.o_multimedia_hover_player iframe');
|
|
||||||
if (!iframe) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
activateCard(getProductCard(iframe));
|
|
||||||
});
|
|
||||||
})();
|
|
||||||
|
|
@ -18,9 +18,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.oe_product_cart:hover .o_multimedia_hover_player,
|
.oe_product_cart:hover .o_multimedia_hover_player,
|
||||||
.o_multimedia_hover_player:hover,
|
.o_multimedia_hover_player:hover {
|
||||||
.oe_product_cart.o_multimedia_player_active .o_multimedia_hover_player,
|
|
||||||
.o_multimedia_hover_player:focus-within {
|
|
||||||
max-height: 60px;
|
max-height: 60px;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
pointer-events: auto;
|
pointer-events: auto;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue