From: soufiane Date: Mon, 17 Feb 2025 18:02:17 +0000 (+0100) Subject: wip #7330 @4:00 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=929245a425e4f1cb86fff603bc1ae22e984cd3ec;p=physioassist-wordpress.git wip #7330 @4:00 --- diff --git a/wp-content/themes/physioassist/resources/assets/styles/common/app.styl b/wp-content/themes/physioassist/resources/assets/styles/common/app.styl index b931c588..5292b862 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/common/app.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/common/app.styl @@ -1,11 +1,16 @@ -.woocommerce-app +[data-app=on]//.woocommerce-app * font-family: $fontOutfit + p,h1,h2,h3,h4,h5,h6,span,label,div + color: #1B2943 - .content-inner, - .elementor-section.elementor-section-boxed > .elementor-container + .content-inner horizontal-spacing(16px) + .elementor-section.elementor-section-boxed > .elementor-container + padding: 0 + + // Elements hidden on mobile APP header.site, .footer-site, .woocommerce-breadcrumb, @@ -13,17 +18,17 @@ .product-frequency, .hide-on-mobileapp, .related.products, - .woocommerce-cart-form .product-price + .woocommerce-cart-form .product-price, + &.woocommerce div.product .woocommerce-tabs ul.tabs .additional_information_tab display: none // Single product div.product - * - color: #1B2943 .woocommerce &-product-gallery display: flex gap: 24px + margin-bottom: 20px !important &__wrapper max-width: 107px width: 100% @@ -32,24 +37,60 @@ overflow: hidden [data-thumb]:not(:first-child) display: none - &-product-title + &-product-title__wrapper h1,.price font-size: 22px h1 - font-weight: 500 + font-weight: 600 margin-bottom: .3em line-height: 30px - .price + .price * color: #6CC3EE - form.cart - display: flex - flex-direction: column - .frequency - text-align: left !important - margin-left: 0 !important - button[type="submit"] - width: max-content + &-product-details__short-description p + font-size: 18px !important + font-weight: 400 + + &-tabs + p + font-size: 18px + + .woocommerce + div.product .woocommerce + &-tabs + .tabs,.description_tab + margin: 0 + padding: 0 + &:after,&:before + display: none + ul.tabs + li + background: transparent !important + color: #8E94A1 + a + padding: 0 + font-weight: 400 + .description_tab + border: 0 + .additional_information_tab + display: none !important + + &-Tabs-panel--description + font-size: 18px + font-weight: 400 + margin-top: -10px + + .qib-container + margin-bottom: 23px + + form.cart + display: flex + flex-direction: column + .frequency + text-align: left !important + margin-left: 0 !important + button[type="submit"] + width: max-content // Quantity button .qib @@ -62,6 +103,7 @@ align-items: center .quantity input.qty:not(#qib_id):not(#qib_id) border: 0 + font-size: 18px &-button &:before,&:after background-color: #fff @@ -80,13 +122,32 @@ // .wps_sfw_subscription_wrapper - margin-top: 10px + margin-top: 8px + margin-bottom: 20px label font-size: 18px input margin-right: 11px width: 18px height: 18px + color: currentColor + border: 0.063em solid currentColor + border-radius: 50% + vertical-align: middle + appearance: none + display: inline-flex + align-items: center + justify-content: center + &::before + content: "" + width: 0.75em + height: 0.75em + border-radius: 50% + transform: scale(0) + transition: 120ms transform ease-in-out + background-color: #93C7C2 + &:checked::before + transform: scale(1) form.cart button[type='submit']:not(#qib_id):not(#qib_id):not(_):not(_) width: 100% @@ -100,4 +161,38 @@ .frequency, .product-frequency, .hide-on-desktop - display block !important + display: block !important + + body.panier, + body.cart + font-size: 18px + .woocommerce-cart + &-form__wrapper + display: flex + gap: 22px + padding-bottom: 24px + margin-bottom: 24px + border-bottom: 1px solid #E3E4E7 + &-form .product-thumbnail + width: 60px + flex-shrink: 0 + img + border-radius: 5px + + .product-name + line-height: normal + margin-bottom: 14px + font-weight: 400 + + .product-frequency + border-bottom: 1px solid #E3E4E7 + .wps_sfw_subscription_wrapper + margin-bottom: 13px + + .product-subtotal + margin-top: 13px + line-height: normal + display: flex + align-items: center + .label + margin-right: auto diff --git a/wp-content/themes/physioassist/resources/assets/styles/common/global.styl b/wp-content/themes/physioassist/resources/assets/styles/common/global.styl index 1c837e7c..1756fd27 100644 --- a/wp-content/themes/physioassist/resources/assets/styles/common/global.styl +++ b/wp-content/themes/physioassist/resources/assets/styles/common/global.styl @@ -3,7 +3,8 @@ html height: 100% font-size: $font-size-base // This value won't be converted to REMs due to exception in font-size() mixin +below(600px) - font-size: 14px + &:not([data-app=on]) + font-size: 14px *, *::before, @@ -18,6 +19,8 @@ body margin: 0 padding: 0 min-width: 320px + [data-app=on] & + background-color: #f8fbff a color: $colors.light-blue diff --git a/wp-content/themes/physioassist/resources/views/layouts/app.blade.php b/wp-content/themes/physioassist/resources/views/layouts/app.blade.php index cd4f48f2..1134f819 100644 --- a/wp-content/themes/physioassist/resources/views/layouts/app.blade.php +++ b/wp-content/themes/physioassist/resources/views/layouts/app.blade.php @@ -1,8 +1,9 @@ - +@php($app = filter_input(INPUT_GET, 'app', FILTER_SANITIZE_STRING)) + @include('partials.head') {{-- When not using the hero image header template the compact header is set --}} - +