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

51 lines
1.1 KiB
SCSS

.woocommerce-layout__activity-panel-header {
height: 50px;
background: $core-grey-light-500;
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: $core-grey-light-700;
}
}
.woocommerce-layout__inbox-panel-header {
h2.woocommerce-layout__activity-panel-header-title,
h3.woocommerce-layout__activity-panel-header-title {
margin: 0 0 $gap-small / 2;
font-size: 20px;
line-height: 28px;
font-weight: 400;
span {
margin-left: $gap-small / 2;
background: $core-grey-dark-600;
border-radius: 13px;
color: $core-grey-light-200;
display: inline-block;
text-align: center;
width: 27px;
font-size: 16px;
vertical-align: top;
}
}
}