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

Commit 214dae9

Browse files
github-actions[bot]github-actionssenadiroprgigitux
authored
Release: 8.8.2 (#7542)
* Empty commit for release pull request * Calculate cart totals after running extensions (#7490) * calculate cart totals afer running extensions * update totlas call in CartUpdateCustomer * test that cart is recalcing * Update changelog in readme * Add release testing notes * Update release date in readme * Bumping version strings to new version. * update readme * 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 * Bumping version strings to new version. Co-authored-by: github-actions <[email protected]> Co-authored-by: Seghir Nadir <[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]> Co-authored-by: Niels Lange <[email protected]>
1 parent 92a5912 commit 214dae9

File tree

23 files changed

+309
-100
lines changed

23 files changed

+309
-100
lines changed

‎assets/js/atomic/blocks/product-elements/button/block.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,7 @@ const AddToCartButton = ( {
162162
aria-label={ buttonAriaLabel }
163163
className={ classnames(
164164
'wp-block-button__link',
165+
'wp-element-button',
165166
'add_to_cart_button',
166167
'wc-block-components-product-button__button',
167168
colorStyles.className,
@@ -206,6 +207,7 @@ const AddToCartButtonPlaceholder = ( {
206207
<button
207208
className={ classnames(
208209
'wp-block-button__link',
210+
'wp-element-button',
209211
'add_to_cart_button',
210212
'wc-block-components-product-button__button',
211213
'wc-block-components-product-button__button--placeholder',

‎assets/js/base/components/form-token-field/style.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,8 +16,10 @@
1616
}
1717

1818
.components-form-token-field__input-container {
19+
background-color: #fff;
1920
border-radius: 0;
2021
box-shadow: none;
22+
color: #000;
2123
position: relative;
2224

2325
input[type="text"].components-form-token-field__input {
@@ -64,6 +66,7 @@
6466
margin-right: 0;
6567
position: relative;
6668
width: 100%;
69+
z-index: 1;
6770
}
6871

6972
.components-form-token-field__remove-token.components-button,

‎assets/js/base/components/price-slider/style.scss

Lines changed: 22 additions & 58 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
1-
/* stylelint-disable */
1+
22
@mixin thumb {
3-
background-color: transparent;
3+
background: $white;
44
background-position: 0 0;
55
box-sizing: content-box;
66
width: 12px;
@@ -13,25 +13,25 @@
1313
cursor: pointer;
1414
z-index: 20;
1515
pointer-events: auto;
16-
background: $white;
17-
transition: transform .2s ease-in-out;
16+
transition: transform 0.2s ease-in-out;
1817
-webkit-appearance: none;
1918
-moz-appearance: none;
2019
appearance: none;
21-
2220
&:hover {
2321
@include thumbFocus;
2422
}
2523
}
2624

2725
@mixin thumbFocus {
2826
background: $gray-900;
27+
border-color: $white;
2928
}
3029

31-
/* stylelint-enable */
30+
3231
@mixin track {
3332
cursor: default;
34-
height: 1px; /* Required for Samsung internet based browsers */
33+
height: 1px;
34+
/* Required for Samsung internet based browsers */
3535
outline: 0;
3636
-webkit-appearance: none;
3737
-moz-appearance: none;
@@ -54,20 +54,17 @@
5454

5555
.wc-block-components-price-slider {
5656
margin-bottom: $gap-large;
57-
5857
&.is-loading.is-disabled {
5958
.wc-block-components-price-slider__range-input-wrapper,
6059
.wc-block-components-filter-reset-button,
6160
.wc-block-components-filter-submit-button {
6261
@include placeholder();
6362
box-shadow: none;
6463
}
65-
6664
.wc-block-components-price-slider__amount {
6765
display: none;
6866
}
6967
}
70-
7168
&.is-disabled:not(.is-loading) {
7269
.wc-block-components-price-slider__range-input-wrapper,
7370
.wc-block-components-price-slider__amount,
@@ -79,14 +76,25 @@
7976

8077
.wc-block-components-price-slider__range-input-wrapper {
8178
@include reset;
82-
background: $gray-300;
79+
background: transparent;
8380
border-radius: 4px;
8481
clear: both;
8582
flex-grow: 1;
8683
height: 4px;
8784
margin: 15px 0;
8885
position: relative;
8986

87+
&::before {
88+
content: "";
89+
position: absolute;
90+
top: 0;
91+
right: 0;
92+
left: 0;
93+
bottom: 0;
94+
background: currentColor;
95+
opacity: 0.2;
96+
}
97+
9098
&.is-loading {
9199
@include placeholder();
92100
height: em(9px);
@@ -101,7 +109,7 @@
101109
top: 0;
102110
width: 100%;
103111
--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%;
104-
--range-color: #{$gray-900};
112+
--range-color: currentColor;
105113
/*rtl:ignore*/
106114
background: var(--track-background);
107115
}
@@ -112,7 +120,6 @@
112120
gap: $gap-smaller;
113121
justify-content: space-between;
114122
margin: $gap 0;
115-
116123
.wc-block-components-price-slider__amount {
117124
margin: 0;
118125
border-radius: 4px;
@@ -121,11 +128,9 @@
121128
max-width: 80px;
122129
min-width: 0;
123130
padding: $gap-smaller;
124-
125131
.wc-block-components-price-slider--is-input-inline & {
126132
max-width: 60px;
127133
}
128-
129134
&.is-loading {
130135
@include placeholder();
131136
border-radius: 0 !important;
@@ -146,7 +151,6 @@
146151
display: flex;
147152
gap: $gap;
148153
justify-content: flex-end;
149-
150154
// The specificity here is needed to overwrite the margin-top that is inherited on WC block template pages such as Shop.
151155
button[type="submit"]:not(.wp-block-search__button).wc-block-components-filter-submit-button {
152156
margin-top: 0;
@@ -165,85 +169,66 @@
165169
position: absolute;
166170
left: 0;
167171
top: 0;
168-
169172
&::-webkit-slider-runnable-track {
170173
@include track;
171174
}
172-
173175
&::-webkit-slider-thumb {
174176
@include thumb;
175177
margin: -5px 0 0 0;
176178
}
177-
178179
&::-webkit-slider-progress {
179180
@include reset;
180181
}
181-
182182
&::-moz-focus-outer {
183183
border: 0;
184184
}
185-
186185
&::-moz-range-track {
187186
@include track;
188187
}
189-
190188
&::-moz-range-progress {
191189
@include reset;
192190
}
193-
194191
&::-moz-range-thumb {
195192
@include thumb;
196193
}
197-
198194
&::-ms-thumb {
199195
@include thumb;
200196
}
201-
202197
&:focus {
203198
&::-webkit-slider-thumb {
204199
@include thumbFocus;
205200
}
206-
207201
&::-moz-range-thumb {
208202
@include thumbFocus;
209203
}
210-
211204
&::-ms-thumb {
212205
@include thumbFocus;
213206
}
214207
}
215-
216208
&.wc-block-components-price-slider__range-input--min {
217209
z-index: 21;
218-
219210
&::-webkit-slider-thumb {
220211
margin-left: -2px;
221212
background-position-x: left;
222213
}
223-
224214
&::-moz-range-thumb {
225215
background-position-x: left;
226216
transform: translate(-2px, 2px);
227217
}
228-
229218
&::-ms-thumb {
230219
background-position-x: left;
231220
}
232221
}
233-
234222
&.wc-block-components-price-slider__range-input--max {
235223
z-index: 20;
236-
237224
&::-webkit-slider-thumb {
238225
background-position-x: right;
239226
margin-left: 2px;
240227
}
241-
242228
&::-moz-range-thumb {
243229
background-position-x: right;
244230
transform: translate(2px, 2px);
245231
}
246-
247232
&::-ms-thumb {
248233
background-position-x: right;
249234
}
@@ -272,32 +257,25 @@
272257
.wc-block-components-price-slider__range-input {
273258
height: 24px;
274259
pointer-events: auto;
275-
276260
&::-ms-track {
277261
/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
278262
background: transparent;
279-
280263
/*leave room for the larger thumb to overflow with a transparent border */
281264
border-color: transparent;
282265
border-width: 7px 0;
283-
284266
/*remove default tick marks*/
285267
color: transparent;
286268
}
287-
288269
&::-ms-fill-lower {
289270
background: #e1e1e1;
290271
box-shadow: 0 0 0 1px inset #b8b8b8;
291272
}
292-
293273
&::-ms-fill-upper {
294274
background: transparent;
295275
}
296-
297276
&::-ms-tooltip {
298277
display: none;
299278
}
300-
301279
&::-ms-thumb {
302280
transform: translate(1px, 0);
303281
pointer-events: auto;
@@ -308,20 +286,17 @@
308286
background: #e1e1e1;
309287
box-shadow: 0 0 0 1px inset #b8b8b8;
310288
}
311-
312289
&::-ms-fill-lower {
313290
background: transparent;
314291
}
315292
}
316-
317293
.wc-block-components-price-slider {
318294
&.is-loading.is-disabled {
319295
.wc-block-components-price-slider__range-input-wrapper {
320296
@include placeholder();
321297
box-shadow: none;
322298
}
323299
}
324-
325300
&.is-disabled:not(.is-loading) {
326301
.wc-block-components-price-slider__range-input-wrapper {
327302
animation: none;
@@ -330,7 +305,9 @@
330305
}
331306
}
332307

308+
333309
/* IE 11 will not support multi-range slider due to poor pointer-events support on the thumb. Reverts to 2 sliders. */
310+
334311
@include ie11() {
335312
@include ie-fixes();
336313
}
@@ -342,67 +319,54 @@
342319

343320
.theme-twentytwentyone {
344321
$border-width: 3px;
345-
346322
.wc-block-components-price-slider__range-input-wrapper {
347323
background: transparent;
348324
border: $border-width solid currentColor;
349325
box-sizing: border-box;
350326
}
351-
352327
.wc-block-components-price-slider__range-input-progress {
353328
--range-color: currentColor;
354329
margin: -$border-width;
355330
}
356-
357331
.wc-block-price-filter__range-input {
358332
background: transparent;
359333
margin: -$border-width;
360334
width: calc(100% + #{$border-width * 2});
361-
362335
&:hover,
363336
&:focus {
364337
&::-webkit-slider-thumb {
365338
filter: none;
366339
}
367-
368340
&::-moz-range-thumb {
369341
filter: none;
370342
}
371-
372343
&::-ms-thumb {
373344
filter: none;
374345
}
375346
}
376-
377347
&::-webkit-slider-thumb {
378348
margin-top: -9px;
379349
}
380-
381350
&.wc-block-components-price-slider__range-input--max::-moz-range-thumb {
382351
transform: translate(2px, 1px);
383352
}
384-
385353
&.wc-block-components-price-slider__range-input--min::-moz-range-thumb {
386354
transform: translate(-2px, 1px);
387355
}
388-
389356
&::-ms-track {
390357
border-color: transparent !important;
391358
}
392359
}
393-
394360
@include ie11() {
395361
.wc-block-components-price-slider__range-input-wrapper {
396362
border: 0;
397363
height: auto;
398364
position: relative;
399365
height: 50px;
400366
}
401-
402367
.wc-block-components-price-slider__range-input-progress {
403368
display: none;
404369
}
405-
406370
.wc-block-price-filter__range-input {
407371
height: 100%;
408372
margin: 0;

0 commit comments

Comments
 (0)