Add loading indicators, error state, and EmptyContent to the revenue report. (#347, woocommerce/woocommerce-admin#348)
* Add loading indiciators for the revenue report.
* Improve accessibility, and fix up some documentation comments.
* Fix top border on mobile
* Add EmptyContent Component and revenue error/empty states. (https://github.com/woocommerce/woocommerce-admin/pull/348)
* Add EmptyContent Component and revenue error/empty states.
* Move relative image handling to ImageAsset, combine secondary and primary action rendering, add some missing isRequired proptypes, add empty error handling.
* Handle PR Feedback: Clean up button css, set a default for illustration, fix deprecation typo, some code cleanup.
2018-09-05 16:45:49 +00:00
|
|
|
/** @format */
|
|
|
|
|
.woocommerce-analytics__table-placeholder {
|
|
|
|
|
.woocommerce-card__body {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.woocommerce-table__table {
|
|
|
|
|
margin-bottom: 0;
|
|
|
|
|
|
|
|
|
|
tr:last-child {
|
|
|
|
|
border-bottom-style: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
2019-05-22 08:38:25 +00:00
|
|
|
|
|
|
|
|
.woocommerce-analytics__card {
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
border: 1px solid $core-grey-light-700;
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@include breakpoint( '<782px' ) {
|
|
|
|
|
border-left: none;
|
|
|
|
|
border-right: none;
|
|
|
|
|
margin-left: -16px;
|
|
|
|
|
margin-right: -16px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
> .woocommerce-card__header {
|
|
|
|
|
padding: ($gap - 3) $gap;
|
|
|
|
|
border-bottom: 1px solid $core-grey-light-700;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
|
|
|
|
|
> .woocommerce-card__title-wrapper > .woocommerce-card__title {
|
|
|
|
|
// EllipsisMenu is 24px, so to match we add 6px padding around the
|
|
|
|
|
// heading text, which we know is 18px from line-height.
|
|
|
|
|
padding: 3px 0;
|
|
|
|
|
@include font-size( 15 );
|
|
|
|
|
font-weight: 600;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
