Skip to content

Commit

Permalink
Shadow: Fix layout collapse when indicator is selected (#59309)
Browse files Browse the repository at this point in the history
  • Loading branch information
t-hamano authored and getdave committed Feb 27, 2024
1 parent 8653d46 commit 3e81f13
Showing 1 changed file with 10 additions and 2 deletions.
12 changes: 10 additions & 2 deletions packages/block-editor/src/components/global-styles/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2,10 +2,20 @@
fill: currentColor;
}

// @todo: Ideally, popover, swatch size, and gap values should be CSS variables
// to apply precise grid layouts.
// https://github.com/WordPress/gutenberg/blob/954ecae571abbddc113d3a4bd8e1a72230180554/packages/block-editor/src/components/duotone-control/style.scss#L3-L9
.block-editor-global-styles__shadow-popover-container {
width: 230px;
}

.block-editor-global-styles__shadow__list {
display: flex;
gap: 12px;
flex-wrap: wrap;
padding-bottom: $grid-unit-10;
}

.block-editor-global-styles-filters-panel__dropdown,
.block-editor-global-styles__shadow-dropdown {
display: block;
Expand All @@ -28,8 +38,6 @@
border-radius: $radius-block-ui;
cursor: pointer;
padding: 0;
margin-right: $grid-unit-15;
margin-bottom: $grid-unit-15;

height: $button-size-small + 2 * $border-width;
width: $button-size-small + 2 * $border-width;
Expand Down

0 comments on commit 3e81f13

Please sign in to comment.