woocommerce/woocommerce-paypal-payments
2
0
Fork 0
mirror of https://github.com/woocommerce/woocommerce-paypal-payments.git synced 2025-08-30 05:00:51 +08:00
Code Issues Projects Packages Wiki Activity Actions 18

💄 Right-align the badge in the connection tab

Browse source 
A badge should not be displayed on a separate line by itself; it should annotate an item
This commit is contained in:
Philipp Stracker 2025-02-14 16:49:15 +01:00
parent be6cbd465f
commit 7d052b01a0
No known key found for this signature in database
2 changed files with 6 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

4
modules/ppcp-settings/resources/css/components/reusable-components/_settings-block.scss
View file

@ -24,6 +24,10 @@
padding-top: var(--block-separator-gap, 32px);
border-top: var(--block-separator-size, 1px) solid var(--block-separator-color);
}
&.ppcp--pull-right {
float: right;
}
}
.ppcp-r-settings-block {

3
modules/ppcp-settings/resources/js/Components/Screens/Settings/Components/Settings/ConnectionStatus.js
View file

@ -21,7 +21,7 @@ const ConnectionStatus = () => {
title={ __( 'Connection status', 'woocommerce-paypal-payments' ) }
description={ <ConnectionDescription /> }
>
<SettingsBlock>
<SettingsBlock className="ppcp--pull-right">
<ControlStaticValue
value={
<ConnectionStatusBadge
@ -33,6 +33,7 @@ const ConnectionStatus = () => {
</SettingsBlock>
<SettingsBlock
title={ __( 'Merchant ID', 'woocommerce-paypal-payments' ) }
className="ppcp--no-gap"
>
<ControlStaticValue value={ merchant.id } />
</SettingsBlock>