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/blocks/customer-account/editor.scss

13 lines
302 B
SCSS
Raw Normal View History

Customer Account block: Fix padding for the block in the Editor (https://github.com/woocommerce/woocommerce-blocks/pull/9009) * Fix padding for the Customer Account block in the Editor * Add padding to Customer Account block icon
2023-04-13 12:36:38 +00:00
.wc-block-editor-customer-account {
padding: em($gap-smaller) em($gap-smaller);
}
.wc-block-editor-customer-account__icon-style-toggle {
Add 'Customer Account' block (https://github.com/woocommerce/woocommerce-blocks/pull/7876) * Add empty 'Customer Account' block * Add edit to render the block on the editor * Add Customer Account icon to @woocommerce/icons library This icon is used in the Customer Account block. * Use customerAccount icon in the Customer Account block * Add Block Settings to Customer Account block Add Typography and Color settings to the Customer Account block that can be used during Edit mode. * Add Customer Account style icons This adds the customer account style icons to be used by the customer account block. * Render the block in the frontend * Add Display setting to the Customer Account block This setting allow users to choose if they want to include an icon with the customer account link. * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Make the account link dynamic * Add alignment menu * Get dashboardUrl with getSettings and add fallback * Add link to account settings * Add tests * Fix test * Change display title * Split css file * Switch to SSR * Add styles to the front end * Address latest feedback * Remove experimental flag Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-22 15:01:01 +00:00
width: 100%;
}
Fix Customer account sidebar link incorrect margin in WP 6.2 (https://github.com/woocommerce/woocommerce-blocks/pull/8437) * Fix Customer account sidebar link incorrect margin in WP 6.2 * Update class name to match the guidelines
2023-02-16 09:07:44 +00:00
/* In sidebar without tabs (WP <=6.1) */
.block-editor-block-card + div > .wc-block-editor-customer-account__link {
Add 'Customer Account' block (https://github.com/woocommerce/woocommerce-blocks/pull/7876) * Add empty 'Customer Account' block * Add edit to render the block on the editor * Add Customer Account icon to @woocommerce/icons library This icon is used in the Customer Account block. * Use customerAccount icon in the Customer Account block * Add Block Settings to Customer Account block Add Typography and Color settings to the Customer Account block that can be used during Edit mode. * Add Customer Account style icons This adds the customer account style icons to be used by the customer account block. * Render the block in the frontend * Add Display setting to the Customer Account block This setting allow users to choose if they want to include an icon with the customer account link. * Add icon style selector to Display settings This adds an icon style selector in which users can choose the customer account link icon. * Display on the frontend depending on the icon style * Rename attributes * Refactor block rendering * Improve styling * Make the account link dynamic * Add alignment menu * Get dashboardUrl with getSettings and add fallback * Add link to account settings * Add tests * Fix test * Change display title * Split css file * Switch to SSR * Add styles to the front end * Address latest feedback * Remove experimental flag Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-22 15:01:01 +00:00
padding: 0 $gap $gap 52px;
}