Block Styles: Show style preview when hovered or focused #34522

Merged

ramonjd merged 20 commits intotrunkfrom update/block-styles-preview-panel

Nov 10, 2021

+494-239

Commits on Nov 10, 2021

Initial commit
ramonjd
committed
Tweaking text and hover colours
ramonjd
committed
Adding container ref to try to position the popover
ramonjd
committed
Experimenting with removing the default style picker select dropdown with a button click, based on the active style
ramonjd
committed
Abstract renderedStyles, which adds a default to the array for user selection on the frontend.
ramonjd
committed
Reduce the switcher to a Make default button where the preferred default is not selected.
ramonjd
committed
Aligning preview with preview block popover styles
ramonjd
committed
Fixed typo in expected label in the getRenderedStyles test
ramonjd
committed
Cleaning up styles and classnames
ramonjd
committed
Removing unused preview block code in the block styles menu switcher
ramonjd
committed
This commit reverts the default style picker, and creates a condition to only show the default picker dropdown where a non-default style has been previously selected. So effectively, we're removing…
ramonjd
committed
This commit:
ramonjd
committed
Removing useCallback function memo
ramonjd
committed
Using the Text component to control character overflow.
ramonjd
committed
This commit splits BlockStyles component into two components: one for the settings sidebar and one for inclusion within menu groups.
ramonjd
committed
This commit fixes the position of the block preview container and removes the popover.
ramonjd
committed
This is an attempt to ensure that we should the preview panel outside the confines of the sidebar container.
ramonjd
committed
This commit adds a slot in the editor content area for the block styles popover.
ramonjd
committed
Fixing z-index to have the same z-index as the sidebar.
ramonjd
committed
Using lodash debounce so we can cancel the debounce when needed.
ramonjd
committed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Block Styles: Show style preview when hovered or focused #34522

Commits on Nov 10, 2021

Initial commit

Tweaking text and hover colours

Adding container ref to try to position the popover

Experimenting with removing the default style picker select dropdown with a button click, based on the active style

Abstract renderedStyles, which adds a default to the array for user selection on the frontend.

Reduce the switcher to a Make default button where the preferred default is not selected.

Aligning preview with preview block popover styles

Fixed typo in expected label in the getRenderedStyles test

Cleaning up styles and classnames

Removing unused preview block code in the block styles menu switcher

This commit reverts the default style picker, and creates a condition to only show the default picker dropdown where a non-default style has been previously selected. So effectively, we're removing…

This commit:

Removing `useCallback` function memo

Using the Text component to control character overflow.

This commit splits BlockStyles component into two components: one for the settings sidebar and one for inclusion within menu groups.

This commit fixes the position of the block preview container and removes the popover.

This is an attempt to ensure that we should the preview panel outside the confines of the sidebar container.

This commit adds a slot in the editor content area for the block styles popover.

Fixing z-index to have the same z-index as the sidebar.

Using lodash debounce so we can cancel the debounce when needed.