align toggle text
This commit is contained in:
parent
0b51196aa4
commit
9cbccb6db4
|
@ -203,7 +203,7 @@ const SiteVisibility = () => {
|
||||||
</p>
|
</p>
|
||||||
<div
|
<div
|
||||||
className={ clsx(
|
className={ clsx(
|
||||||
'site-visibility-settings-slotfill-section-content',
|
'site-visibility-settings-slotfill-section-content indent-one-level',
|
||||||
{
|
{
|
||||||
'is-hidden': comingSoon !== 'yes',
|
'is-hidden': comingSoon !== 'yes',
|
||||||
}
|
}
|
||||||
|
@ -308,6 +308,11 @@ const SiteVisibility = () => {
|
||||||
</div>
|
</div>
|
||||||
<div className="site-visibility-settings-slotfill-section">
|
<div className="site-visibility-settings-slotfill-section">
|
||||||
<h4>{ __( 'Admin bar badge', 'woocommerce' ) }</h4>
|
<h4>{ __( 'Admin bar badge', 'woocommerce' ) }</h4>
|
||||||
|
<div
|
||||||
|
className={ clsx(
|
||||||
|
'site-visibility-settings-slotfill-section-content'
|
||||||
|
) }
|
||||||
|
>
|
||||||
<ToggleControl
|
<ToggleControl
|
||||||
label={
|
label={
|
||||||
<>
|
<>
|
||||||
|
@ -332,6 +337,7 @@ const SiteVisibility = () => {
|
||||||
} }
|
} }
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{ formRef.current && saveButtonRef.current ? (
|
{ formRef.current && saveButtonRef.current ? (
|
||||||
<ConfirmationModal
|
<ConfirmationModal
|
||||||
saveButtonRef={ saveButtonRef }
|
saveButtonRef={ saveButtonRef }
|
||||||
|
|
|
@ -107,7 +107,10 @@
|
||||||
gap: 16px;
|
gap: 16px;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
||||||
|
&.indent-one-level {
|
||||||
margin: 16px 0 0 30px;
|
margin: 16px 0 0 30px;
|
||||||
|
}
|
||||||
|
|
||||||
&.is-hidden {
|
&.is-hidden {
|
||||||
display: none;
|
display: none;
|
||||||
|
|
Loading…
Reference in New Issue