Fix box-sizing on Global Styles blocks with border width control (https://github.com/woocommerce/woocommerce-blocks/pull/6043)
Set box-sizing to border-box on affected blocks: Featured product, featured category, sale badge.
This commit is contained in:
parent
f78b2d8619
commit
2ad55b5b9e
|
@ -6,6 +6,7 @@
|
||||||
width: auto;
|
width: auto;
|
||||||
border: 1px solid #43454b;
|
border: 1px solid #43454b;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
|
box-sizing: border-box;
|
||||||
color: #43454b;
|
color: #43454b;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wc-block-featured-category {
|
.wc-block-featured-category {
|
||||||
|
|
|
@ -3,6 +3,7 @@
|
||||||
border-color: transparent;
|
border-color: transparent;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
.wc-block-featured-product {
|
.wc-block-featured-product {
|
||||||
|
|
|
@ -1,12 +1,12 @@
|
||||||
{
|
{
|
||||||
"name": "@woocommerce/block-library",
|
"name": "@woocommerce/block-library",
|
||||||
"version": "7.2.0-dev",
|
"version": "7.3.0-dev",
|
||||||
"lockfileVersion": 2,
|
"lockfileVersion": 2,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "@woocommerce/block-library",
|
"name": "@woocommerce/block-library",
|
||||||
"version": "7.2.0-dev",
|
"version": "7.3.0-dev",
|
||||||
"hasInstallScript": true,
|
"hasInstallScript": true,
|
||||||
"license": "GPL-3.0+",
|
"license": "GPL-3.0+",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
|
|
Loading…
Reference in New Issue