Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
woocommerce/plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/shipping-rates-control-package/style.scss

54 lines
1.2 KiB
SCSS
Raw Normal View History

Update base/components classnames (https://github.com/woocommerce/woocommerce-blocks/pull/2711) * Update base/components classnames * Fix class name conflict * Fix some class names mismatch * Fix review loading placeholder styles * Fix docs format * Update old class name * Fix price slider regression * Fix load more button component missing legacy class * Fix wrong loading mask styles classname * Remove 'checkout' from 'wc-block-components-checkout-payment-methods__save-card-info' classname * Make it explicit legacy classes will be removed in the next major version * Make product variation data styles belong to product metadata * Improve docs sentence
2020-06-17 09:53:42 +00:00
.wc-block-components-shipping-rates-control__package {
Add gap between pakage panels (https://github.com/woocommerce/woocommerce-blocks/pull/6740)
2022-07-27 06:00:38 +00:00
margin-bottom: $gap-larger;
&:last-child {
margin-bottom: 0;
}
Add margin below shipping packages in checkout (https://github.com/woocommerce/woocommerce-blocks/pull/5529) * Add margin below shipping packages in checkout * Add margin below shipping packages in checkout but not in cart
2022-01-11 10:27:37 +00:00
Handle multiple packages coming from slots (https://github.com/woocommerce/woocommerce-blocks/pull/7829) * Handle multiple packages coming from slots * fix missing prop * fix typo * remove collapse param * rename trinary to ternary
2022-12-15 14:17:22 +00:00
&.wc-block-components-panel {
margin-bottom: 0;
}
Update Panel component class names to follow guidelines (https://github.com/woocommerce/woocommerce-blocks/pull/3860) * Rename panel class names to follow correct guidelines * Remove unused CSS * Add docs page link
2021-02-17 13:48:53 +00:00
.wc-block-components-panel__button {
Update Cart and Checkout sidebar design (https://github.com/woocommerce/woocommerce-blocks/pull/3797) * Fix ShippingRatesControl not honoring renderOption prop * Update order summary design * Updates TotalsCoupon design * Update Cart block sidebar title design * Make values bold and labels regular in Cart and Checkout sidebar * Update styles of shipping rates selector and radio control * Remove unnecessary overflow rule in Panel content * Fix shipping options in Checkout block * Add some Twenty Twenty One fixes * Fix saved payment methods display * Remove top spacing no longer necessary in order summary quantity badge * turn Totals title to bold * Move right padding from product name to item description * Take left margin off list items in product details This is because in themes where a left margin is applied to li elements, the product detail/addon gets indented and it does not sit flush with the edge of the product details container. Adding this rule to the main wc-block-components-product-details rule will stop other themes indenting <li>s Co-authored-by: Seghir Nadir <nadir.seghir@gmail.com> Co-authored-by: Thomas Roberts <thomas.roberts@automattic.com>
2021-02-09 08:10:45 +00:00
margin-bottom: 0;
margin-top: 0;
padding-bottom: em($gap-small);
padding-top: em($gap-small);
}
// Remove panel padding because we are adding bottom padding to `.wc-block-components-radio-control`
// and `.wc-block-components-radio-control__option-layout` in the next ruleset.
Update Panel component class names to follow guidelines (https://github.com/woocommerce/woocommerce-blocks/pull/3860) * Rename panel class names to follow correct guidelines * Remove unused CSS * Add docs page link
2021-02-17 13:48:53 +00:00
.wc-block-components-panel__content {
Update Cart and Checkout sidebar design (https://github.com/woocommerce/woocommerce-blocks/pull/3797) * Fix ShippingRatesControl not honoring renderOption prop * Update order summary design * Updates TotalsCoupon design * Update Cart block sidebar title design * Make values bold and labels regular in Cart and Checkout sidebar * Update styles of shipping rates selector and radio control * Remove unnecessary overflow rule in Panel content * Fix shipping options in Checkout block * Add some Twenty Twenty One fixes * Fix saved payment methods display * Remove top spacing no longer necessary in order summary quantity badge * turn Totals title to bold * Move right padding from product name to item description * Take left margin off list items in product details This is because in themes where a left margin is applied to li elements, the product detail/addon gets indented and it does not sit flush with the edge of the product details container. Adding this rule to the main wc-block-components-product-details rule will stop other themes indenting <li>s Co-authored-by: Seghir Nadir <nadir.seghir@gmail.com> Co-authored-by: Thomas Roberts <thomas.roberts@automattic.com>
2021-02-09 08:10:45 +00:00
padding-bottom: 0;
}
.wc-block-components-radio-control,
.wc-block-components-radio-control__option-layout {
Add `TotalsWrapper` component (https://github.com/woocommerce/woocommerce-blocks/pull/4415) * Add TotalsWrapper component and associated styling * Add TotalsWrapper around the subtotal, fees and discount * Remove margins/paddings/borders from sidebar elements This is to allow TotalsWrapper to be the component responsible for handling spacing and borders. * Update styles to allow components to be wrapped in TotalsWrapper * Move TotalsWrapper to checkout package * Wrap all parts of Cart sidebar in TotalsWrapper * Remove border from coupon panel * Add has-bottom-border option to TotalsWrapper * Wrap checkout sidebar components in TotalsWrapper * Remove border/padding from order summary * Add hasValidFills function This will be used to check if a Slot has any fills that return truthy values. * Remove borderSize and hasBottomBorder props from TotalsWrapper * Wrap Slots in TotalsWrapper * Update hasValidFills to check length of array * Update tests and snapshots * Only render tax totals if tax is more than 0
2021-07-02 14:56:39 +00:00
padding-bottom: 0;
Update Cart and Checkout sidebar design (https://github.com/woocommerce/woocommerce-blocks/pull/3797) * Fix ShippingRatesControl not honoring renderOption prop * Update order summary design * Updates TotalsCoupon design * Update Cart block sidebar title design * Make values bold and labels regular in Cart and Checkout sidebar * Update styles of shipping rates selector and radio control * Remove unnecessary overflow rule in Panel content * Fix shipping options in Checkout block * Add some Twenty Twenty One fixes * Fix saved payment methods display * Remove top spacing no longer necessary in order summary quantity badge * turn Totals title to bold * Move right padding from product name to item description * Take left margin off list items in product details This is because in themes where a left margin is applied to li elements, the product detail/addon gets indented and it does not sit flush with the edge of the product details container. Adding this rule to the main wc-block-components-product-details rule will stop other themes indenting <li>s Co-authored-by: Seghir Nadir <nadir.seghir@gmail.com> Co-authored-by: Thomas Roberts <thomas.roberts@automattic.com>
2021-02-09 08:10:45 +00:00
}
.wc-block-components-radio-control .wc-block-components-radio-control__option-layout {
padding-bottom: 0;
}
Hook up shipping methods to API (https://github.com/woocommerce/woocommerce-blocks/pull/1468) * Create ShippingMethodsControl component * Hook up shipping methods to API * Add support for several packages * Add tests to useShippingRates * Fix shipping_rates property name * Only show the products list if there are several packages * Use <FormattedMonetaryAmount> to display shipping rate prices * Make 'country' optional in CartShippingRates * Make CartShippingRate API return currency info * Minor improvements * Fix shipping fields hidden in editor * Fix missing currency in Checkout shipping rates selector * Add links to issues in @todo comments * Improve ShippingRatesControl useEffect * Remove unnecessary tab * Remove unnecessary id in RadioControl * API: Add error when country is invalid * Debounce shipping rates API requests * 'Country key' -> 'Country code' * Don't display radio input when there is only one option * Add message when there are no results * Minor enhacements * Remove unnecessary Fragment * Simplify RadioControlOption export * Refactor 'renderOptions' and split it into several components * Prevent Card sidebar from taking too much width * Move country request check outside of the loop * Fix failing test
2020-02-14 03:43:13 +00:00
}
Add product name and quantity to cart shipping rates endpoint (https://github.com/woocommerce/woocommerce-blocks/pull/1783) * Add product name and quantity to cart shipping rates endpoint * Make text accessible * Add styling * Create Packages component * Add preview shipping rates to editor * Add onChange default value * Order props * Use CSS instead of JS to render commas between package elements * Change quantity type to number instead of integer
2020-02-25 09:32:59 +00:00
Update base/components classnames (https://github.com/woocommerce/woocommerce-blocks/pull/2711) * Update base/components classnames * Fix class name conflict * Fix some class names mismatch * Fix review loading placeholder styles * Fix docs format * Update old class name * Fix price slider regression * Fix load more button component missing legacy class * Fix wrong loading mask styles classname * Remove 'checkout' from 'wc-block-components-checkout-payment-methods__save-card-info' classname * Make it explicit legacy classes will be removed in the next major version * Make product variation data styles belong to product metadata * Improve docs sentence
2020-06-17 09:53:42 +00:00
.wc-block-components-shipping-rates-control__package-items {
Use named font sizes instead of values in px (https://github.com/woocommerce/woocommerce-blocks/pull/2533) * Use named font sizes instead of values in px * Convert rem mixin to em * Remove unnecessary line-height * 'Design' -> 'layout' * Add comment to magic line-heihgt number * Update a couple of class names to use BEM * Use consistent name for SCSS variables * Fix order summary line heights * Update docs/contributors/coding-guidelines.md Co-authored-by: Mike Jolley <mike.jolley@me.com> Co-authored-by: Mike Jolley <mike.jolley@me.com>
2020-05-29 10:16:33 +00:00
@include font-size(small);
Add product name and quantity to cart shipping rates endpoint (https://github.com/woocommerce/woocommerce-blocks/pull/1783) * Add product name and quantity to cart shipping rates endpoint * Make text accessible * Add styling * Create Packages component * Add preview shipping rates to editor * Add onChange default value * Order props * Use CSS instead of JS to render commas between package elements * Change quantity type to number instead of integer
2020-02-25 09:32:59 +00:00
display: block;
list-style: none;
Update Cart & Checkout heading styles (https://github.com/woocommerce/woocommerce-blocks/pull/2597) * Honor heading styles in Cart and Checkout blocks * Replace Panel with DisclosureWidget and remove Card * Remove panel-style from main entry * Rename DisclosureWidget props * Simplify TitleTag assign * Add aria-expanded attribute * Rename DisclosureWidget to Panel * Make Panel button clickable area smaller * Fix specificity issues with Twenty Twenty * Reset italics in reset-typography mixin * Make C&C titles font size large * Add padding to shipping options when in the sidebar
2020-06-05 10:00:19 +00:00
margin: 0;
Persist previous shipping rates while loading and show its package name (https://github.com/woocommerce/woocommerce-blocks/pull/1806) * Persist previous shipping rates while loading * Refactor ShippingRatesControl LoadingMask * Show package name * Simplify CSS to avoid using the adjacent selector * Add comment to explain why 'selected' is hardcoded in the editor * Rename package 'index' to 'key'
2020-02-27 18:28:36 +00:00
padding: 0;
Add product name and quantity to cart shipping rates endpoint (https://github.com/woocommerce/woocommerce-blocks/pull/1783) * Add product name and quantity to cart shipping rates endpoint * Make text accessible * Add styling * Create Packages component * Add preview shipping rates to editor * Add onChange default value * Order props * Use CSS instead of JS to render commas between package elements * Change quantity type to number instead of integer
2020-02-25 09:32:59 +00:00
}
Update base/components classnames (https://github.com/woocommerce/woocommerce-blocks/pull/2711) * Update base/components classnames * Fix class name conflict * Fix some class names mismatch * Fix review loading placeholder styles * Fix docs format * Update old class name * Fix price slider regression * Fix load more button component missing legacy class * Fix wrong loading mask styles classname * Remove 'checkout' from 'wc-block-components-checkout-payment-methods__save-card-info' classname * Make it explicit legacy classes will be removed in the next major version * Make product variation data styles belong to product metadata * Improve docs sentence
2020-06-17 09:53:42 +00:00
.wc-block-components-shipping-rates-control__package-item {
Add CSS resets for better theme compatibility (https://github.com/woocommerce/woocommerce-blocks/pull/2478)
2020-05-14 09:07:21 +00:00
@include wrap-break-word();
Add product name and quantity to cart shipping rates endpoint (https://github.com/woocommerce/woocommerce-blocks/pull/1783) * Add product name and quantity to cart shipping rates endpoint * Make text accessible * Add styling * Create Packages component * Add preview shipping rates to editor * Add onChange default value * Order props * Use CSS instead of JS to render commas between package elements * Change quantity type to number instead of integer
2020-02-25 09:32:59 +00:00
display: inline-block;
margin: 0;
padding: 0;
}
Update base/components classnames (https://github.com/woocommerce/woocommerce-blocks/pull/2711) * Update base/components classnames * Fix class name conflict * Fix some class names mismatch * Fix review loading placeholder styles * Fix docs format * Update old class name * Fix price slider regression * Fix load more button component missing legacy class * Fix wrong loading mask styles classname * Remove 'checkout' from 'wc-block-components-checkout-payment-methods__save-card-info' classname * Make it explicit legacy classes will be removed in the next major version * Make product variation data styles belong to product metadata * Improve docs sentence
2020-06-17 09:53:42 +00:00
.wc-block-components-shipping-rates-control__package-item:not(:last-child)::after {
Add product name and quantity to cart shipping rates endpoint (https://github.com/woocommerce/woocommerce-blocks/pull/1783) * Add product name and quantity to cart shipping rates endpoint * Make text accessible * Add styling * Create Packages component * Add preview shipping rates to editor * Add onChange default value * Order props * Use CSS instead of JS to render commas between package elements * Change quantity type to number instead of integer
2020-02-25 09:32:59 +00:00
content: ", ";
white-space: pre;
}