Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Commit

Permalink
Release: 8.7.5 (#7541)
Browse files Browse the repository at this point in the history 
* Empty commit for release pull request

* Added readme.txt changelog entry

* Update HPOS compatibility snippet (#7395)

* 8.7.2 Testing notes

* Update testing notes

* Update testing notes

* Bumped version

* Refactor force billing: remove forcedBillingAddress from conditions for showBillingFields (#7393)

Co-authored-by: Niels Lange <[email protected]>

* Updated testing instructions and changelog to include #7393

* Updated testing zip

* Bumping version strings to new version.

* Empty commit for release pull request

* Fix wrong keys being sent in `canMakePayment` and customer data showing in the Checkout block in the editor (#7434)

* Construct args for canMakePayment with correct keys

* When the CheckoutEventsContext mounts, initialize payment store

* Destructure useSelect correctly

* Dispatch __internalInitializePaymentStore in selector tests

* Update selector name to __internalUpdateAvailablePaymentMethods

* Remove check for editor when registering checkout store

* Add check for when express payment methods have updated too

* Ensure billingAddress key exists in canMakePayment arg

* Use editor context to know if we're in editor

* Updated readme.txt

* Reverted stable tag change on readme.txt

* Testing instructions

* Cleaned out testing instructions

* Bumping version strings to new version.

* Empty commit for release pull request

* Testing instructions

* package-lock.json version bump

* Revert "Fix `useForcedLayout` to re-select inner blocks after we manually insert one (#6676)" (#7447)

This reverts commit 1564de2.

* Testing zip

* Bumping version strings to new version.

* add testing instructions

* upload a new zip file

* Update styles of the Filter by Attribute dropdown so it looks good in TT3 (#7506)

* Use theme's body background color as the mini cart contents default background color (#7510)

Co-authored-by: Albert Juhé Lluveras <[email protected]>

* Price Slider: use `currentColor` for the slider (#7527)

* Fixed Price Slider Issue

Located where the price slider was hard coded and replaced it.

* fix CSS lint

* use currentColor instead of hard-coded color for the slider of the Filter By Price block #7130

use currentColor instead of hard-coded color for the slider of the Filte By Price block

* use currentColor instead of hard-coded color for the slider of the Filter By Price block #7130

use currentColor instead of hard-coded color for the slider of the Filte By Price block

* remove background-color

Co-authored-by: EmptySet-Exe <[email protected]>
Co-authored-by: Niels Lange <[email protected]>

* Make price slider 'inactive' range half transparent so it looks better in dark themes (#7525)

* Fix inconsistent button styling with TT3 (#7516)

* fix inconsistent button styling with TT3

* use wc_wp_theme_get_element_class_name

* add check to be sure that wc_wp_theme_get_element_class_name function exists

* Fix Mini Cart Block global styles #7379 (#7515)

* Fix Mini Cart Block global styles #7379

Fix Mini Cart Block global styles

* add font_size

* upload a new build

Co-authored-by: github-actions <[email protected]>
Co-authored-by: Paulo Arromba <[email protected]>
Co-authored-by: Alex Florisca <[email protected]>
Co-authored-by: Tarun Vijwani <[email protected]>
Co-authored-by: Niels Lange <[email protected]>
Co-authored-by: Thomas Roberts <[email protected]>
Co-authored-by: Luigi <[email protected]>
Co-authored-by: Albert Juhé Lluveras <[email protected]>
Co-authored-by: Tung Du <[email protected]>
Co-authored-by: EmptySet-Exe <[email protected]>
  • Loading branch information
@github-actions @wavvves
@alexflorisca @nielslange @opr @gigitux @Aljullu @dinhtungdu @EmptySet-Exe
11 people authored Oct 31, 2022
1 parent b249f09 commit aa7a7c0
Show file tree
Hide file tree
Showing 17 changed files with 209 additions and 85 deletions.
2 changes: 2 additions & 0 deletions assets/js/atomic/blocks/product-elements/button/block.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -162,6 +162,7 @@ const AddToCartButton = ( {
aria-label={ buttonAriaLabel }
className={ classnames(
'wp-block-button__link',
'wp-element-button',
'add_to_cart_button',
'wc-block-components-product-button__button',
colorStyles.className,
Expand Down Expand Up @@ -206,6 +207,7 @@ const AddToCartButtonPlaceholder = ( {
<button
className={ classnames(
'wp-block-button__link',
'wp-element-button',
'add_to_cart_button',
'wc-block-components-product-button__button',
'wc-block-components-product-button__button--placeholder',
Expand Down
3 changes: 3 additions & 0 deletions assets/js/base/components/form-token-field/style.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,8 +16,10 @@
}

.components-form-token-field__input-container {
background-color: #fff;
border-radius: 0;
box-shadow: none;
color: #000;
position: relative;

input[type="text"].components-form-token-field__input {
Expand Down Expand Up @@ -64,6 +66,7 @@
margin-right: 0;
position: relative;
width: 100%;
z-index: 1;
}

.components-form-token-field__remove-token.components-button,
Expand Down
80 changes: 22 additions & 58 deletions assets/js/base/components/price-slider/style.scss
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
/* stylelint-disable */

@mixin thumb {
background-color: transparent;
background: $white;
background-position: 0 0;
box-sizing: content-box;
width: 12px;
Expand All @@ -13,25 +13,25 @@
cursor: pointer;
z-index: 20;
pointer-events: auto;
background: $white;
transition: transform .2s ease-in-out;
transition: transform 0.2s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;

&:hover {
@include thumbFocus;
}
}

@mixin thumbFocus {
background: $gray-900;
border-color: $white;
}

/* stylelint-enable */

@mixin track {
cursor: default;
height: 1px; /* Required for Samsung internet based browsers */
height: 1px;
/* Required for Samsung internet based browsers */
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
Expand All @@ -54,20 +54,17 @@

.wc-block-components-price-slider {
margin-bottom: $gap-large;

&.is-loading.is-disabled {
.wc-block-components-price-slider__range-input-wrapper,
.wc-block-components-filter-reset-button,
.wc-block-components-filter-submit-button {
@include placeholder();
box-shadow: none;
}

.wc-block-components-price-slider__amount {
display: none;
}
}

&.is-disabled:not(.is-loading) {
.wc-block-components-price-slider__range-input-wrapper,
.wc-block-components-price-slider__amount,
Expand All @@ -79,14 +76,25 @@

.wc-block-components-price-slider__range-input-wrapper {
@include reset;
background: $gray-300;
background: transparent;
border-radius: 4px;
clear: both;
flex-grow: 1;
height: 4px;
margin: 15px 0;
position: relative;

&::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: currentColor;
opacity: 0.2;
}

&.is-loading {
@include placeholder();
height: em(9px);
Expand All @@ -101,7 +109,7 @@
top: 0;
width: 100%;
--track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 100% / 100% 100%;
--range-color: #{$gray-900};
--range-color: currentColor;
/*rtl:ignore*/
background: var(--track-background);
}
Expand All @@ -112,7 +120,6 @@
gap: $gap-smaller;
justify-content: space-between;
margin: $gap 0;

.wc-block-components-price-slider__amount {
margin: 0;
border-radius: 4px;
Expand All @@ -121,11 +128,9 @@
max-width: 80px;
min-width: 0;
padding: $gap-smaller;

.wc-block-components-price-slider--is-input-inline & {
max-width: 60px;
}

&.is-loading {
@include placeholder();
border-radius: 0 !important;
Expand All @@ -146,7 +151,6 @@
display: flex;
gap: $gap;
justify-content: flex-end;

// The specificity here is needed to overwrite the margin-top that is inherited on WC block template pages such as Shop.
button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
margin-top: 0;
Expand All @@ -165,85 +169,66 @@
position: absolute;
left: 0;
top: 0;

&::-webkit-slider-runnable-track {
@include track;
}

&::-webkit-slider-thumb {
@include thumb;
margin: -5px 0 0 0;
}

&::-webkit-slider-progress {
@include reset;
}

&::-moz-focus-outer {
border: 0;
}

&::-moz-range-track {
@include track;
}

&::-moz-range-progress {
@include reset;
}

&::-moz-range-thumb {
@include thumb;
}

&::-ms-thumb {
@include thumb;
}

&:focus {
&::-webkit-slider-thumb {
@include thumbFocus;
}

&::-moz-range-thumb {
@include thumbFocus;
}

&::-ms-thumb {
@include thumbFocus;
}
}

&.wc-block-components-price-slider__range-input--min {
z-index: 21;

&::-webkit-slider-thumb {
margin-left: -2px;
background-position-x: left;
}

&::-moz-range-thumb {
background-position-x: left;
transform: translate(-2px, 2px);
}

&::-ms-thumb {
background-position-x: left;
}
}

&.wc-block-components-price-slider__range-input--max {
z-index: 20;

&::-webkit-slider-thumb {
background-position-x: right;
margin-left: 2px;
}

&::-moz-range-thumb {
background-position-x: right;
transform: translate(2px, 2px);
}

&::-ms-thumb {
background-position-x: right;
}
Expand Down Expand Up @@ -272,32 +257,25 @@
.wc-block-components-price-slider__range-input {
height: 24px;
pointer-events: auto;

&::-ms-track {
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
background: transparent;

/*leave room for the larger thumb to overflow with a transparent border */
border-color: transparent;
border-width: 7px 0;

/*remove default tick marks*/
color: transparent;
}

&::-ms-fill-lower {
background: #e1e1e1;
box-shadow: 0 0 0 1px inset #b8b8b8;
}

&::-ms-fill-upper {
background: transparent;
}

&::-ms-tooltip {
display: none;
}

&::-ms-thumb {
transform: translate(1px, 0);
pointer-events: auto;
Expand All @@ -308,20 +286,17 @@
background: #e1e1e1;
box-shadow: 0 0 0 1px inset #b8b8b8;
}

&::-ms-fill-lower {
background: transparent;
}
}

.wc-block-components-price-slider {
&.is-loading.is-disabled {
.wc-block-components-price-slider__range-input-wrapper {
@include placeholder();
box-shadow: none;
}
}

&.is-disabled:not(.is-loading) {
.wc-block-components-price-slider__range-input-wrapper {
animation: none;
Expand All @@ -330,7 +305,9 @@
}
}


/* IE 11 will not support multi-range slider due to poor pointer-events support on the thumb. Reverts to 2 sliders. */

@include ie11() {
@include ie-fixes();
}
Expand All @@ -342,67 +319,54 @@

.theme-twentytwentyone {
$border-width: 3px;

.wc-block-components-price-slider__range-input-wrapper {
background: transparent;
border: $border-width solid currentColor;
box-sizing: border-box;
}

.wc-block-components-price-slider__range-input-progress {
--range-color: currentColor;
margin: -$border-width;
}

.wc-block-price-filter__range-input {
background: transparent;
margin: -$border-width;
width: calc(100% + #{$border-width * 2});

&:hover,
&:focus {
&::-webkit-slider-thumb {
filter: none;
}

&::-moz-range-thumb {
filter: none;
}

&::-ms-thumb {
filter: none;
}
}

&::-webkit-slider-thumb {
margin-top: -9px;
}

&.wc-block-components-price-slider__range-input--max::-moz-range-thumb {
transform: translate(2px, 1px);
}

&.wc-block-components-price-slider__range-input--min::-moz-range-thumb {
transform: translate(-2px, 1px);
}

&::-ms-track {
border-color: transparent !important;
}
}

@include ie11() {
.wc-block-components-price-slider__range-input-wrapper {
border: 0;
height: auto;
position: relative;
height: 50px;
}

.wc-block-components-price-slider__range-input-progress {
display: none;
}

.wc-block-price-filter__range-input {
height: 100%;
margin: 0;
Expand Down
Loading

0 comments on commit aa7a7c0

Please sign in to comment.