woocommerce/plugins/woocommerce-admin/client/header/activity-panel/activity-header/style.scss

49 lines
1008 B
SCSS

.woocommerce-layout__activity-panel-header {
height: 50px;
background: $gray-200;
padding: 16px;
display: flex;
justify-content: space-between;
align-items: center;
@include breakpoint( '>782px' ) {
padding: 16px 24px 16px 24px;
}
h3 {
font-size: 13px;
font-weight: 600;
line-height: 16px;
margin: 0;
padding: 0;
}
.woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled='true']):focus,
.woocommerce-ellipsis-menu__toggle.components-button:not(:disabled):not([aria-disabled='true']):hover {
box-shadow: none;
border-radius: 10px;
background: $gray-400;
}
}
.woocommerce-layout__inbox-title {
color: $gray-900;
display: flex;
align-items: center;
}
.woocommerce-layout__inbox-subtitle {
color: $gray-700;
}
.woocommerce-layout__inbox-badge {
margin-left: $gap-small / 2;
background-color: $gray-700;
border-radius: 13px;
padding: 0 $gap-small / 2;
color: $white;
display: inline-block;
text-align: center;
vertical-align: top;
}