2025-12-31 00:38:29 +01:00
|
|
|
/**
|
|
|
|
|
* Admin Styles for Composable Products
|
|
|
|
|
*
|
|
|
|
|
* @package WC_Composable_Product
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
|
|
#composable_product_data {
|
|
|
|
|
padding: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.composable_criteria_group {
|
|
|
|
|
border-top: 1px solid #eee;
|
|
|
|
|
padding-top: 12px;
|
|
|
|
|
margin-top: 12px;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
#_composable_categories,
|
|
|
|
|
#_composable_tags {
|
|
|
|
|
min-height: 150px;
|
|
|
|
|
}
|
|
|
|
|
|
2025-12-31 22:08:08 +01:00
|
|
|
/* Hide composable-specific elements by default */
|
2025-12-31 00:38:29 +01:00
|
|
|
.show_if_composable {
|
2025-12-31 22:08:08 +01:00
|
|
|
display: none !important;
|
2025-12-31 00:38:29 +01:00
|
|
|
}
|
|
|
|
|
|
2025-12-31 22:08:08 +01:00
|
|
|
/* Show composable elements when composable product type is selected */
|
|
|
|
|
body.product-type-composable .show_if_composable,
|
2025-12-31 00:38:29 +01:00
|
|
|
.product-type-composable .show_if_composable {
|
2025-12-31 22:08:08 +01:00
|
|
|
display: block !important;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Ensure General tab fields don't show in Composable Options panel initially */
|
|
|
|
|
#composable_product_data .options_group {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Hide the Composable Options tab link by default */
|
|
|
|
|
.product_data_tabs .composable_options {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Show the Composable Options tab when composable type selected */
|
|
|
|
|
body.product-type-composable .product_data_tabs .composable_options {
|
2025-12-31 00:38:29 +01:00
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.composable_options.composable_tab a::before {
|
|
|
|
|
content: '\f323';
|
|
|
|
|
font-family: 'Dashicons';
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Enhanced select styling */
|
|
|
|
|
.wc-composable-product-admin .select2-container {
|
|
|
|
|
min-width: 50%;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Help tips */
|
|
|
|
|
.woocommerce-help-tip {
|
|
|
|
|
color: #666;
|
|
|
|
|
}
|