Fix a bug where the guest order confirmation email input was too wide (#51277)
* Add styles to style the input width appropriately. * Remove redundant styles. * Remove unused import * Add changefile(s) from automation for the following project(s): woocommerce-blocks, woocommerce --------- Co-authored-by: github-actions <github-actions@github.com>
This commit is contained in:
parent
2cbb9d59bc
commit
268fc4cf4d
|
@ -1,3 +1,16 @@
|
||||||
|
.wc-block-order-confirmation-status-description {
|
||||||
|
.woocommerce-verify-email {
|
||||||
|
margin-top: $gap-larger;
|
||||||
|
#verify-email {
|
||||||
|
width: 50%;
|
||||||
|
|
||||||
|
@include breakpoint("<782px") {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.wc-block-order-confirmation-status {
|
.wc-block-order-confirmation-status {
|
||||||
margin-top: $gap;
|
margin-top: $gap;
|
||||||
margin-bottom: $gap;
|
margin-bottom: $gap;
|
||||||
|
|
|
@ -36,12 +36,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.woocommerce-verify-email {
|
|
||||||
margin-top: $gap-larger;
|
|
||||||
#verify-email {
|
|
||||||
width: 50%;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
&.has-background {
|
&.has-background {
|
||||||
padding: $gap;
|
padding: $gap;
|
||||||
|
|
|
@ -0,0 +1,4 @@
|
||||||
|
Significance: patch
|
||||||
|
Type: fix
|
||||||
|
|
||||||
|
Fix a styling bug where the guest order confirmation email input was too wide.
|
|
@ -2,8 +2,6 @@
|
||||||
|
|
||||||
namespace Automattic\WooCommerce\Blocks\BlockTypes\OrderConfirmation;
|
namespace Automattic\WooCommerce\Blocks\BlockTypes\OrderConfirmation;
|
||||||
|
|
||||||
use Automattic\WooCommerce\Blocks\Utils\StyleAttributesUtils;
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Status class.
|
* Status class.
|
||||||
*/
|
*/
|
||||||
|
|
Loading…
Reference in New Issue