You've already forked wc-tier-and-package-prices
magdev
7273c9cde7
- Add Twig template engine integration - Migrate all templates to Twig format - Add German (Switzerland, Informal) translation - Improve template organization and security - Add Composer dependency management - Create comprehensive changelog
92 lines
1.7 KiB
CSS
92 lines
1.7 KiB
CSS
/**
|
|
* Admin styles for WooCommerce Tier and Package Prices
|
|
*/
|
|
|
|
.wc-tpp-tier-pricing,
|
|
.wc-tpp-package-pricing {
|
|
border-top: 1px solid #eee;
|
|
padding-top: 15px;
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.wc-tpp-tier-pricing > p:first-child,
|
|
.wc-tpp-package-pricing > p:first-child {
|
|
font-weight: 600;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.wc-tpp-tier-pricing .description,
|
|
.wc-tpp-package-pricing .description {
|
|
display: block;
|
|
margin-top: 5px;
|
|
font-style: italic;
|
|
color: #666;
|
|
}
|
|
|
|
.wc-tpp-tier-row,
|
|
.wc-tpp-package-row {
|
|
display: flex;
|
|
gap: 15px;
|
|
align-items: flex-end;
|
|
padding: 15px;
|
|
background: #f9f9f9;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.wc-tpp-tier-row .form-field,
|
|
.wc-tpp-package-row .form-field {
|
|
margin: 0;
|
|
flex: 1;
|
|
}
|
|
|
|
.wc-tpp-tier-row label,
|
|
.wc-tpp-package-row label {
|
|
display: block;
|
|
font-weight: 600;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.wc-tpp-tier-row input,
|
|
.wc-tpp-package-row input {
|
|
width: 100%;
|
|
}
|
|
|
|
.wc-tpp-remove-tier,
|
|
.wc-tpp-remove-package {
|
|
flex-shrink: 0;
|
|
color: #b32d2e;
|
|
border-color: #b32d2e;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.wc-tpp-remove-tier:hover,
|
|
.wc-tpp-remove-package:hover {
|
|
background: #b32d2e;
|
|
color: #fff;
|
|
}
|
|
|
|
.wc-tpp-add-tier,
|
|
.wc-tpp-add-package {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.wc-tpp-tiers-container,
|
|
.wc-tpp-packages-container {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.wc-tpp-tiers-container:empty::before,
|
|
.wc-tpp-packages-container:empty::before {
|
|
content: "No items added yet. Click 'Add' button to create pricing rules.";
|
|
display: block;
|
|
padding: 20px;
|
|
background: #f0f0f1;
|
|
border: 1px dashed #ccc;
|
|
border-radius: 4px;
|
|
text-align: center;
|
|
color: #666;
|
|
font-style: italic;
|
|
}
|