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/validation/style.scss

22 lines
447 B
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-validation-error {
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(smaller);
Add validation context provider and implement validation for shipping country and coupons. (https://github.com/woocommerce/woocommerce-blocks/pull/1972) * add errormessage handling to countryinput (along with storybook) * add types for react * Add validation context and implement * implement validation context for country field validation * tweak ValidationInputError so that it can receive property name for getting error from * improve storybook webpack config to pull from tsconfig.json * update storybook story to cover changes with context * Wrap Checkout Provider with Validation Context Provider * add screen-reader-text style to storybook * add styles for input error validation to text input * improve styling for ValidationInputError component * add validation error handling to TotalsCouponCode component And story * make sure errors are cleared on successful receive/remove item * dispatch loading cancellation on catching errors This is needed because loading would be cancelled before the error is thrown so any error handling after the thrown error will not be able to rely on loading. * implement validation setting for coupon errors * add error color to labels on inputs too * fix borders back and force border color * remove extra structure and improve validation error with alignment for coupon code * add aria-describedby for text inputs * add back in validation context provider to fix rebase issue * rework validation so it works for both checkout and cart * Some styling tweaks * more style fixes * remove unnecessary method * make sure new function is included in context defaults * package.lock update? seems harmless so rolling with it.
2020-03-17 11:45:33 +00:00
color: $error-red;
Add Checkout form validation (https://github.com/woocommerce/woocommerce-blocks/pull/1993) * Add Checkout form validation * Add back validation when filling the address without having set a country * Split TextInput and Select so they can be used with or without validation * Cleanup * Only display the missing country error if city, state or postcode are entered * Fix CSS specificity conflict * Remove unnecessary semicolon * Rename areThereValidationErrors to hasValidationErrors
2020-03-23 11:22:00 +00:00
max-width: 100%;
position: absolute;
top: calc(100% - 1px);
white-space: normal;
Add validation context provider and implement validation for shipping country and coupons. (https://github.com/woocommerce/woocommerce-blocks/pull/1972) * add errormessage handling to countryinput (along with storybook) * add types for react * Add validation context and implement * implement validation context for country field validation * tweak ValidationInputError so that it can receive property name for getting error from * improve storybook webpack config to pull from tsconfig.json * update storybook story to cover changes with context * Wrap Checkout Provider with Validation Context Provider * add screen-reader-text style to storybook * add styles for input error validation to text input * improve styling for ValidationInputError component * add validation error handling to TotalsCouponCode component And story * make sure errors are cleared on successful receive/remove item * dispatch loading cancellation on catching errors This is needed because loading would be cancelled before the error is thrown so any error handling after the thrown error will not be able to rely on loading. * implement validation setting for coupon errors * add error color to labels on inputs too * fix borders back and force border color * remove extra structure and improve validation error with alignment for coupon code * add aria-describedby for text inputs * add back in validation context provider to fix rebase issue * rework validation so it works for both checkout and cart * Some styling tweaks * more style fixes * remove unnecessary method * make sure new function is included in context defaults * package.lock update? seems harmless so rolling with it.
2020-03-17 11:45:33 +00:00
> p {
Add Checkout form validation (https://github.com/woocommerce/woocommerce-blocks/pull/1993) * Add Checkout form validation * Add back validation when filling the address without having set a country * Split TextInput and Select so they can be used with or without validation * Cleanup * Only display the missing country error if city, state or postcode are entered * Fix CSS specificity conflict * Remove unnecessary semicolon * Rename areThereValidationErrors to hasValidationErrors
2020-03-23 11:22:00 +00:00
align-items: center;
display: flex;
line-height: 12px; // This allows two lines in a 24px bottom margin.
Add validation context provider and implement validation for shipping country and coupons. (https://github.com/woocommerce/woocommerce-blocks/pull/1972) * add errormessage handling to countryinput (along with storybook) * add types for react * Add validation context and implement * implement validation context for country field validation * tweak ValidationInputError so that it can receive property name for getting error from * improve storybook webpack config to pull from tsconfig.json * update storybook story to cover changes with context * Wrap Checkout Provider with Validation Context Provider * add screen-reader-text style to storybook * add styles for input error validation to text input * improve styling for ValidationInputError component * add validation error handling to TotalsCouponCode component And story * make sure errors are cleared on successful receive/remove item * dispatch loading cancellation on catching errors This is needed because loading would be cancelled before the error is thrown so any error handling after the thrown error will not be able to rely on loading. * implement validation setting for coupon errors * add error color to labels on inputs too * fix borders back and force border color * remove extra structure and improve validation error with alignment for coupon code * add aria-describedby for text inputs * add back in validation context provider to fix rebase issue * rework validation so it works for both checkout and cart * Some styling tweaks * more style fixes * remove unnecessary method * make sure new function is included in context defaults * package.lock update? seems harmless so rolling with it.
2020-03-17 11:45:33 +00:00
margin: 0;
Add Checkout form validation (https://github.com/woocommerce/woocommerce-blocks/pull/1993) * Add Checkout form validation * Add back validation when filling the address without having set a country * Split TextInput and Select so they can be used with or without validation * Cleanup * Only display the missing country error if city, state or postcode are entered * Fix CSS specificity conflict * Remove unnecessary semicolon * Rename areThereValidationErrors to hasValidationErrors
2020-03-23 11:22:00 +00:00
min-height: 24px;
padding: 0;
Add validation context provider and implement validation for shipping country and coupons. (https://github.com/woocommerce/woocommerce-blocks/pull/1972) * add errormessage handling to countryinput (along with storybook) * add types for react * Add validation context and implement * implement validation context for country field validation * tweak ValidationInputError so that it can receive property name for getting error from * improve storybook webpack config to pull from tsconfig.json * update storybook story to cover changes with context * Wrap Checkout Provider with Validation Context Provider * add screen-reader-text style to storybook * add styles for input error validation to text input * improve styling for ValidationInputError component * add validation error handling to TotalsCouponCode component And story * make sure errors are cleared on successful receive/remove item * dispatch loading cancellation on catching errors This is needed because loading would be cancelled before the error is thrown so any error handling after the thrown error will not be able to rely on loading. * implement validation setting for coupon errors * add error color to labels on inputs too * fix borders back and force border color * remove extra structure and improve validation error with alignment for coupon code * add aria-describedby for text inputs * add back in validation context provider to fix rebase issue * rework validation so it works for both checkout and cart * Some styling tweaks * more style fixes * remove unnecessary method * make sure new function is included in context defaults * package.lock update? seems harmless so rolling with it.
2020-03-17 11:45:33 +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-select + .wc-block-components-validation-error {
Add validation context provider and implement validation for shipping country and coupons. (https://github.com/woocommerce/woocommerce-blocks/pull/1972) * add errormessage handling to countryinput (along with storybook) * add types for react * Add validation context and implement * implement validation context for country field validation * tweak ValidationInputError so that it can receive property name for getting error from * improve storybook webpack config to pull from tsconfig.json * update storybook story to cover changes with context * Wrap Checkout Provider with Validation Context Provider * add screen-reader-text style to storybook * add styles for input error validation to text input * improve styling for ValidationInputError component * add validation error handling to TotalsCouponCode component And story * make sure errors are cleared on successful receive/remove item * dispatch loading cancellation on catching errors This is needed because loading would be cancelled before the error is thrown so any error handling after the thrown error will not be able to rely on loading. * implement validation setting for coupon errors * add error color to labels on inputs too * fix borders back and force border color * remove extra structure and improve validation error with alignment for coupon code * add aria-describedby for text inputs * add back in validation context provider to fix rebase issue * rework validation so it works for both checkout and cart * Some styling tweaks * more style fixes * remove unnecessary method * make sure new function is included in context defaults * package.lock update? seems harmless so rolling with it.
2020-03-17 11:45:33 +00:00
margin-bottom: $gap-large;
}