Update style on shipping banner (https://github.com/woocommerce/woocommerce-admin/pull/4948)
* Change is-button to is-primary to address style issues * Make sure the text is vertically aligned
This commit is contained in:
parent
2c592b1209
commit
276d8455b0
|
@ -24,18 +24,22 @@
|
|||
margin-right: 8px;
|
||||
}
|
||||
|
||||
.wc-admin-shipping-banner-blob {
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
h3 {
|
||||
margin: 0;
|
||||
font-size: 1.15em;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 2px 0 11px;
|
||||
margin: 0;
|
||||
font-size: 15px;
|
||||
line-height: 19px;
|
||||
}
|
||||
|
||||
.components-button.is-button {
|
||||
.components-button.is-primary {
|
||||
margin: 10px 61px 10px auto;
|
||||
padding: 0 30px;
|
||||
font-size: 14px;
|
||||
|
@ -44,10 +48,6 @@
|
|||
text-decoration: none;
|
||||
text-shadow: none;
|
||||
overflow: visible;
|
||||
&:hover {
|
||||
background-color: #ff3997;
|
||||
border-color: #ff3997;
|
||||
}
|
||||
}
|
||||
|
||||
.notice-dismiss {
|
||||
|
@ -110,7 +110,7 @@
|
|||
.wc-admin-shipping-banner__dismiss-modal-actions {
|
||||
text-align: right;
|
||||
|
||||
.components-button.is-button {
|
||||
.components-button.is-primary {
|
||||
height: 30px;
|
||||
padding-left: 15px;
|
||||
padding-right: 15px;
|
||||
|
@ -136,7 +136,7 @@
|
|||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
}
|
||||
.components-button.is-button {
|
||||
.components-button.is-primary {
|
||||
margin: 10px 0 0 0;
|
||||
}
|
||||
p {
|
||||
|
|
Loading…
Reference in New Issue