From: Vincent Vanwaelscappel Date: Wed, 24 Nov 2021 17:37:57 +0000 (+0100) Subject: wait #4899 @4 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=dfc1c20d7505fefa76b334ffefb45591fa1e66d1;p=fluidbook-html5.git wait #4899 @4 --- diff --git a/js/libs/fluidbook/cart/fluidbook.cart.joueclub2021.js b/js/libs/fluidbook/cart/fluidbook.cart.joueclub2021.js index 2abca139..cc734816 100644 --- a/js/libs/fluidbook/cart/fluidbook.cart.joueclub2021.js +++ b/js/libs/fluidbook/cart/fluidbook.cart.joueclub2021.js @@ -100,7 +100,10 @@ FluidbookCartJoueClub2021.prototype = { var $this = this; - var content = '
'; + var content = '
'; + content += ''; + content += ''; + content += '
'; if (this.getItemsNumbers() == 0) { content += '
Votre liste de cadeaux est vide
'; return content; @@ -128,10 +131,11 @@ FluidbookCartJoueClub2021.prototype = { content += ''; content += ''; content += ''; - content += '' + item['Nom du jouet'] + ''; - content += '' + ref + ''; - content += '' + item.Marque + ''; - content += '' + item.Prix + '€'; + content += '' + item['Nom du jouet'] + ''; + content += '' + ref + ''; + content += '' + item.Marque + ''; + content += '' + item.Prix + '€'; + content += '' + item['Nom du jouet'] + "
" + item.Prix + '€
REF : ' + ref + '
'; content += '' + getSpriteIcon('interface-close') + ''; content += ''; content += ''; @@ -173,13 +177,13 @@ FluidbookCartJoueClub2021.prototype = { html2canvas: {dpi: 150, scale: 2, letterRendering: true}, jsPDF: {unit: 'mm', format: 'A4', orientation: 'portrait'} }; - $(element).addClass('print') + $(element).addClass('print').removeClass('mp'); html2pdf().set(options).from(element).save().then(function () { - $(element).removeClass('print'); + $(element).removeClass('print').addClass('mp'); }); setTimeout(function () { - $(element).removeClass('print'); + $(element).removeClass('print').addClass('mp'); }, 2000); }, @@ -192,7 +196,7 @@ FluidbookCartJoueClub2021.prototype = { var view = '
'; view += this.fluidbook.menu.getCaption(); - view += '
'; + view += '
'; view += "" + content; view += '
'; view += '
'; diff --git a/style/cart/joueclub2021.less b/style/cart/joueclub2021.less index f05b9fe0..7dbae227 100644 --- a/style/cart/joueclub2021.less +++ b/style/cart/joueclub2021.less @@ -1,3 +1,5 @@ +@jcc-mobile: ~"screen and (max-width: 1060px)"; + #jc2021cart { background-color: #fff; @@ -8,13 +10,14 @@ text-transform: uppercase; .back { - background-color: #e30613; + background-color: @cart-close-background-color; + color: @cart-close-color; top: 10px; right: 10px; width: 50px; height: 50px; padding: 14px; - border-radius: 50%; + border-radius: @cart-close-radius; } } @@ -24,8 +27,9 @@ } .mview #jc2021cart .fonctions a { - background-color: #26348b; - border-radius: 8px; + background-color: @cart-actions-background-color; + color: @cart-actions-text-color; + border-radius: @cart-actions-radius; } [data-type="12"] { @@ -62,6 +66,7 @@ overflow: visible !important; max-height: none !important; } + font-size: 8px; @@ -108,10 +113,34 @@ } #jc2021header { - height: 245px; - img { + &.d { + display: block; + + @media @jcc-mobile { + .mp & { + display: none; + } + } + } + + &.m { + display: none; + + @media @jcc-mobile { + .mp & { + display: block; + } + } + } + width: 1060px; + + @media @jcc-mobile { + .mp & { + width: 100%; + } + } } } @@ -119,15 +148,20 @@ [data-cart-delete], [data-cart-view] { - color: #fff; - background-color: #e30613; + color: @cart-button-text-color; + background-color: @cart-button-color; padding: 5px 6px 7px 6px; width: 23px; height: 23px; display: block; position: relative; left: 20px; - border-radius: 50%; + @media @jcc-mobile { + .mp & { + left: 0; + } + } + border-radius: @cart-button-radius; } padding: 0; @@ -166,9 +200,15 @@ thead { th { + @media @jcc-mobile { + .mp & { + display: none; + } + } + text-transform: uppercase; - color: #fff; - background-color: #26348b; + color: @cart-header-text-color; + background-color: @cart-header-background-color; } } @@ -176,6 +216,25 @@ td { border-top: 1px solid #f2f2f2; + &.m { + display: none; + text-align: left; + font-size: 130%; + @media @jcc-mobile { + .mp & { + display: table-cell; + } + } + } + + &.d { + @media @jcc-mobile { + .mp & { + display: none; + } + } + } + &.margin { border-color: #fff; }