1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 01:47:00 +01:00

fix(878): fix toggle align styles for eth-sign in settings (#20587)

This commit is contained in:
Danica Shen 2023-08-24 14:11:38 +01:00 committed by GitHub
parent 00d155ce2f
commit 9514b47a7e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 7 deletions

View File

@ -586,7 +586,7 @@ exports[`AdvancedTab Component should match snapshot 1`] = `
</div>
</div>
<div
class="mm-box settings-page__content-row mm-box--display-flex mm-box--flex-direction-row mm-box--justify-content-space-between"
class="mm-box settings-page__content-row mm-box--display-flex mm-box--flex-direction-column"
data-testid="advanced-setting-toggle-ethsign"
>
<div

View File

@ -10,7 +10,7 @@ import {
Display,
FlexDirection,
JustifyContent,
SEVERITIES,
Severity,
TextVariant,
} from '../../../helpers/constants/design-system';
import { getPlatform } from '../../../../app/scripts/lib/util';
@ -600,8 +600,7 @@ export default class AdvancedTab extends PureComponent {
className="settings-page__content-row"
data-testid="advanced-setting-toggle-ethsign"
display={Display.Flex}
flexDirection={FlexDirection.Row}
justifyContent={JustifyContent.spaceBetween}
flexDirection={FlexDirection.Column}
>
<div className="settings-page__content-item">
<span>{t('toggleEthSignField')}</span>
@ -609,11 +608,11 @@ export default class AdvancedTab extends PureComponent {
{t('toggleEthSignDescriptionField')}
</div>
</div>
{disabledRpcMethodPreferences?.eth_sign ? (
<BannerAlert
severity={SEVERITIES.DANGER}
marginBottom={5}
severity={Severity.Danger}
marginTop={3}
marginBottom={4}
descriptionProps={{ variant: TextVariant.bodyMd }}
>
{t('toggleEthSignBannerDescription')}