woocommerce/plugins/woocommerce-admin/client/analytics/components/report-table/style.scss

138 lines
2.6 KiB
SCSS
Raw Normal View History

.woocommerce-report-table__scroll-point {
position: relative;
top: -#{$adminbar-height + $gap};
@include breakpoint( '<782px' ) {
top: -#{$adminbar-height-mobile + $gap};
}
.woocommerce-feature-enabled-activity-panels & {
top: -#{$adminbar-height + $header-height + $gap};
@include breakpoint( '<782px' ) {
top: -#{$adminbar-height-mobile + $header-height + $gap};
}
}
}
.woocommerce-report-table {
.woocommerce-search {
flex-grow: 1;
}
.woocommerce-card__header {
position: relative;
}
.woocommerce-table__compare.components-button {
padding: 8px;
}
&.has-compare,
&.has-search {
.woocommerce-card__action {
align-items: center;
text-align: left;
display: grid;
width: 100%;
grid-template-columns: auto 1fr auto;
}
@include breakpoint( '<960px' ) {
.woocommerce-card__action {
grid-gap: $gap-small;
grid-template-columns: auto 1fr;
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 4;
margin: 0;
.woocommerce-table__compare {
display: flex;
}
.woocommerce-search {
grid-area: 2 / 2 / 3 / 4;
margin-right: 0;
}
.woocommerce-table__download-button {
grid-area: 1 / 2 / 2 / 3;
justify-self: end;
margin: -6px 0;
position: absolute;
}
}
}
Add Variations Report (https://github.com/woocommerce/woocommerce-admin/pull/5167) * Add initial Variations Report to analytics feature. * Restrict query to variations when not specifying any product IDs. * Add route to get variations without specifying a parent. * Move variations table component to variations report directory. * Add missing LIMIT clause to variations report query. * Remove broken features from Variations table. * Add Variations report controller to CSV emailer. * Add initial Variation Stats endpoint, based on Product Stats. * Hook Variations Report components up to new stats endpoint. * Hook attribute filter up to variations report queries. * Remove variation title filter usage. See: https://github.com/woocommerce/woocommerce-admin/pull/5100 * Use filtered separator in variation name formatting. * Add "single variation" to variations report, fix autocompleter API request. * Fix segmentation by variation. * Add comparison to variations report. * Always include manually specified variations in report results. * Fix variations report table comparison mode. The ReportTable component expects the `filter` query param. * Fixing styling of compare button without table search component. * Add variation filter to Orders report. * Link orders count to orders report filtered by variation. * Orders report: include variation attributes in product names. * Further style tweaks for variations report download button. * Add variations filter to order stats query. * Clean up "category includes" login in REST controllers. Prep for "category excludes" in the Variations report. * Support category exclusion in report filters. * Fix filter param used by the variation report table component. * Add category filter to variations report. * Fix initial selected ReportTable rows when using non-default compareParam. * Add a new autocompleter for variable products. * Add products filter to variations report. * Fix tests. * Handle variation IDs that are no longer found. * Add documentation. * Use getSetting() instead of directly accessing window properties in client code. * Fix ordering Variations by SKU.
2020-09-25 13:57:48 +00:00
&.has-compare:not(.has-search) {
.woocommerce-table__download-button {
align-self: center;
grid-column-start: 3;
}
@include breakpoint( '<960px' ) {
.woocommerce-table__download-button {
grid-area: 1 / 2 / 2 / 3;
}
.woocommerce-card__action {
grid-template-columns: auto;
.woocommerce-table__compare {
grid-area: 1 / 2 / 1 / 2;
justify-self: left;
position: absolute;
}
}
}
}
&.has-search:not(.has-compare) {
.woocommerce-card__action {
grid-template-columns: 1fr auto;
.woocommerce-search {
align-self: center;
grid-column-start: 1;
grid-column-end: 2;
}
.woocommerce-table__download-button {
align-self: center;
grid-column-start: 2;
grid-column-end: 3;
}
}
@include breakpoint( '<960px' ) {
.woocommerce-card__action {
grid-template-columns: auto;
.woocommerce-search {
grid-area: 2 / 1 / 3 / 4;
margin-left: 0;
}
.woocommerce-table__download-button {
grid-area: 1 / 2 / 2 / 3;
}
}
}
}
.woocommerce-search {
margin: 0 $gap;
.woocommerce-select-control__control {
height: 38px;
}
}
.woocommerce-compare-button {
padding: 3px $gap-small;
height: auto;
}
}
}