57 lines
886 B
SCSS
57 lines
886 B
SCSS
.woocommerce-lys-status {
|
|
flex: 1 auto;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
.woocommerce-lys-status-pill-wrapper {
|
|
display: inline-block;
|
|
}
|
|
|
|
.woocommerce-lys-status-pill {
|
|
display: flex;
|
|
align-items: center;
|
|
background-color: #eaeaeb;
|
|
color: #2c3338;
|
|
padding: 0 3px 0 10px;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
line-height: 20px;
|
|
border-radius: 4px;
|
|
height: 24px;
|
|
|
|
svg {
|
|
margin-left: 4px;
|
|
}
|
|
|
|
&.is-live {
|
|
background-color: #e6f2e8;
|
|
color: #005c12;
|
|
|
|
&::before {
|
|
content: "";
|
|
width: 6px;
|
|
height: 6px;
|
|
border-radius: 3px;
|
|
background-color: #005c12;
|
|
margin-right: 4px;
|
|
}
|
|
}
|
|
}
|
|
.woocommerce-lys-status-popover {
|
|
a.components-button.components-menu-item__button {
|
|
padding: 6px 8px;
|
|
}
|
|
|
|
.components-menu-item__item {
|
|
svg {
|
|
margin-right: 8px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.woocommerce-lys-status-dropdown .components-button {
|
|
padding: 0;
|
|
height: auto;
|
|
border-radius: 4px;
|
|
}
|