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); padding-top: var(--block-separator-gap, 32px);
border-top: var(--block-separator-size, 1px) solid var(--block-separator-color); border-top: var(--block-separator-size, 1px) solid var(--block-separator-color);
} }
&.ppcp--pull-right {
float: right;
}
} }
.ppcp-r-settings-block { .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' ) } title={ __( 'Connection status', 'woocommerce-paypal-payments' ) }
description={ <ConnectionDescription /> } description={ <ConnectionDescription /> }
> >
<SettingsBlock> <SettingsBlock className="ppcp--pull-right">
<ControlStaticValue <ControlStaticValue
value={ value={
<ConnectionStatusBadge <ConnectionStatusBadge
@ -33,6 +33,7 @@ const ConnectionStatus = () => {
</SettingsBlock> </SettingsBlock>
<SettingsBlock <SettingsBlock
title={ __( 'Merchant ID', 'woocommerce-paypal-payments' ) } title={ __( 'Merchant ID', 'woocommerce-paypal-payments' ) }
className="ppcp--no-gap"
> >
<ControlStaticValue value={ merchant.id } /> <ControlStaticValue value={ merchant.id } />
</SettingsBlock> </SettingsBlock>