woocommerce/plugins/woocommerce-admin/client/dashboard/dashboard-charts/block.scss

80 lines
1.4 KiB
SCSS
Raw Normal View History

.woocommerce-dashboard__chart-block-wrapper {
cursor: pointer;
&:hover {
.woocommerce-chart,
.woocommerce-card__header {
background: #f8f9f9;
}
.woocommerce-legend__item button {
background: transparent;
}
}
.woocommerce-chart__footer {
position: relative;
&::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
z-index: 1;
}
}
}
.woocommerce-dashboard__chart-block {
.woocommerce-card__body {
padding: 0;
position: relative;
.woocommerce-chart {
border: none;
margin: 0;
.woocommerce-legend__item > button {
cursor: default;
&:hover {
background: $gray-100;
}
.woocommerce-legend__item-container {
cursor: default;
.woocommerce-legend__item-checkmark.woocommerce-legend__item-checkmark-checked::after {
display: none;
}
}
}
&:hover {
background: $gray-100;
.woocommerce-legend__item > button {
background: $gray-100;
}
}
}
}
&:hover {
background: $gray-100;
}
.screen-reader-text:focus {
clip: auto;
clip-path: none;
z-index: 1;
left: 6px;
top: 7px;
height: auto;
width: auto;
display: block;
@include font-size( 14 );
font-weight: 600;
padding: 15px 23px 14px;
background: #f1f1f1;
color: #0073aa;
text-decoration: none;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
}
}