Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

align toggle text

This commit is contained in:
rjchow 2024-09-16 16:50:29 +10:00
parent 0b51196aa4
commit 9cbccb6db4
No known key found for this signature in database
2 changed files with 34 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
plugins/woocommerce-admin/client/launch-your-store/settings/slotfill.js
View File

@ -203,7 +203,7 @@ const SiteVisibility = () => {
</p>
<div
className={ clsx(
'site-visibility-settings-slotfill-section-content',
'site-visibility-settings-slotfill-section-content indent-one-level',
{
'is-hidden': comingSoon !== 'yes',
}
@ -308,29 +308,35 @@ const SiteVisibility = () => {
</div>
<div className="site-visibility-settings-slotfill-section">
<h4>{ __( 'Admin bar badge', 'woocommerce' ) }</h4>
<ToggleControl
label={
<>
{ __( 'Hide admin bar badge', 'woocommerce' ) }
<p>
{ __(
'Hide the site visibility badge from the admin bar.',
'woocommerce'
) }
</p>
</>
}
checked={ hideAdminBarBadge === 'yes' }
onChange={ ( checked ) => {
setHideAdminBarBadge( checked ? 'yes' : 'no' );
recordEvent(
'site_visibility_hide_admin_bar_badge_toggle',
{
enabled: checked,
}
);
} }
/>
<div
className={ clsx(
'site-visibility-settings-slotfill-section-content'
) }
>
<ToggleControl
label={
<>
{ __( 'Hide admin bar badge', 'woocommerce' ) }
<p>
{ __(
'Hide the site visibility badge from the admin bar.',
'woocommerce'
) }
</p>
</>
}
checked={ hideAdminBarBadge === 'yes' }
onChange={ ( checked ) => {
setHideAdminBarBadge( checked ? 'yes' : 'no' );
recordEvent(
'site_visibility_hide_admin_bar_badge_toggle',
{
enabled: checked,
}
);
} }
/>
</div>
</div>
{ formRef.current && saveButtonRef.current ? (
<ConfirmationModal

5
plugins/woocommerce-admin/client/launch-your-store/settings/style.scss
View File

@ -107,7 +107,10 @@
gap: 16px;
display: flex;
flex-direction: column;
margin: 16px 0 0 30px;
&.indent-one-level {
margin: 16px 0 0 30px;
}
&.is-hidden {
display: none;