Skip to content

Commit

Permalink
spit scope selector into rows
Browse files Browse the repository at this point in the history
  • Loading branch information
jameskoster committed May 2, 2023

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent a112c9b commit 6f4cc2c
Showing 2 changed files with 13 additions and 7 deletions.
Original file line number Diff line number Diff line change
@@ -5,7 +5,6 @@ import { useState, useMemo, useEffect } from '@wordpress/element';
import { __, sprintf } from '@wordpress/i18n';
import {
Button,
Flex,
FlexItem,
Modal,
SearchControl,
@@ -207,10 +206,9 @@ function AddCustomTemplateModal( {
'Select whether to create a single template for all items or a specific one.'
) }
</Text>
<Flex
<VStack
className={ `${ baseCssClass }__contents` }
gap="4"
align="initial"
spacing={ 0 }
>
<FlexItem
isBlock
@@ -271,7 +269,7 @@ function AddCustomTemplateModal( {
}
</Text>
</FlexItem>
</Flex>
</VStack>
</VStack>
) }
{ showSearchEntities && (
12 changes: 10 additions & 2 deletions packages/edit-site/src/components/add-new-template/style.scss
Original file line number Diff line number Diff line change
@@ -18,14 +18,22 @@
}

.edit-site-custom-template-modal {
&__suggestions_list {
margin-left: - $grid-unit-15;
margin-right: - $grid-unit-15;
}

&__contents {
margin-left: - $grid-unit-15;
margin-right: - $grid-unit-15;

> .components-button {
padding: $grid-unit-30;
padding: $grid-unit-10 $grid-unit-15;
border-radius: $radius-block-ui;
height: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;

// Show the boundary of the button, in High Contrast Mode.
outline: 1px solid transparent;

0 comments on commit 6f4cc2c

Please sign in to comment.