woocommerce/plugins/woocommerce-admin/client/products/product-page.scss

103 lines
2.2 KiB
SCSS

.woocommerce-admin-page__add-product,
.woocommerce-admin-page__product_product-id,
.woocommerce-admin-page__product_product-id_variation_variation-id {
.woocommerce-store-alerts {
display: none;
}
.woocommerce-layout__primary {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
}
.woocommerce-layout .woocommerce-layout__main {
padding: 0;
}
.interface-interface-skeleton {
background-color: $white;
}
.interface-interface-skeleton__sidebar,
.interface-interface-skeleton__actions {
width: 280px;
}
.interface-interface-skeleton__actions {
top: $admin-bar-height-big;
border-left: 1px solid $gray-200;
background-color: $white;
height: 100%;
z-index: 9999;
width: 100%;
overflow: auto;
@include break-medium() {
top: $admin-bar-height;
width: $sidebar-width;
}
}
.interface-interface-skeleton__header,
.interface-interface-skeleton__footer {
background-color: $white;
position: fixed;
width: calc(100% - $admin-menu-width);
left: $admin-menu-width;
@include breakpoint( "<960px" ) {
left: $admin-menu-width-collapsed;
width: calc(100% - $admin-menu-width-collapsed);
}
@include breakpoint( "<782px" ) {
left: 0;
width: 100%;
}
// Lower than the sidebar which has a z-index of 90.
z-index: 80;
}
&.folded .interface-interface-skeleton__header,
&.folded .interface-interface-skeleton__footer {
width: calc(100% - $admin-menu-width-collapsed);
left: $admin-menu-width-collapsed;
}
.interface-interface-skeleton__header {
top: $adminbar-height;
@include breakpoint( "<782px" ) {
top: $adminbar-height-mobile;
}
}
.interface-interface-skeleton__footer {
// by default, on mobile the footer is hidden,
// so we override that here
display: flex;
}
}
.woocommerce-admin-page__product_product-id_variation_variation-id {
.interface-interface-skeleton__content {
overflow: hidden;
}
}
html.interface-interface-skeleton__html-container {
@include breakpoint( "<782px" ) {
position: inherit;
}
.woocommerce-layout__footer.at-bottom {
border-top: none;
box-shadow: none;
}
}
body {
.is-product-editor {
background-color: $white;
&.woocommerce-admin-page.woocommerce_page_wc-admin #wpbody-content {
min-height: calc(100vh - 96px);
}
}
}