mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-02 06:07:06 +01:00
cdc1bce688
* refactor class to functional component * update messages * fix: use classnames * feat: add hold to reveal modal * feat: add new zendesk url for secret recovery phrase and noncustodial wallet * update: clipboard to clear copied text after delay * fix: remove save to csv * feat: update styles for reveal seed page * fix: update reveal seed snapshot * add test to check for modal * fix: lint * fix: unused messages locale * fix: use new banner component * fix: use new button from design system * fix: update snapshot * fix: lint * revert text * fix: lint * fix: remove --copy-only * fix: marginBottom prop value * fix: iconName and prop error * --made the QR code slightly smaller so it's less likely to have a scrollbar --updated the snapshots * fix: error message not displaying * SRP hold to reveal using more DS components (#17583) * Updating to add DS components and remove CSS * Fixing rendered html and removing some unneeded props * fix: set block to true --------- Co-authored-by: Monte <monte.lai@consensys.net> * fix: add descriptions to messages * Update ui/components/ui/export-text-container/export-text-container.component.js fix: lint Co-authored-by: HowardBraham <HowardBraham@users.noreply.github.com> * fix: remove using displayWarning in requestRevealSeedWords * fix: update test to remove displayError * fix: update design system enums * fix: messages descriptions * fix: banner to banneralert * fix: update preview * add additional tests * fix: use jest instead of sinon * add test if long press isn't completed * add test if password is wrong --------- Co-authored-by: Howard Braham <howrad@gmail.com> Co-authored-by: George Marshall <george.marshall@consensys.net>
47 lines
1.1 KiB
SCSS
47 lines
1.1 KiB
SCSS
@import 'account-details-modal/index';
|
|
@import 'account-modal-container/index';
|
|
@import 'cancel-transaction/index';
|
|
@import 'confirm-remove-account/index';
|
|
@import 'edit-approval-permission/index';
|
|
@import 'export-private-key-modal/index';
|
|
@import 'hide-token-confirmation-modal/index';
|
|
@import 'metametrics-opt-in-modal/index';
|
|
@import 'new-account-modal/index';
|
|
@import 'qr-scanner/index';
|
|
@import 'transaction-confirmed/index';
|
|
@import 'customize-nonce/index';
|
|
@import 'convert-token-to-nft-modal/index';
|
|
@import 'contract-details-modal/index';
|
|
@import 'hold-to-reveal-modal/index';
|
|
|
|
.modal {
|
|
z-index: 1050;
|
|
position: fixed;
|
|
width: 500px;
|
|
transform: translate3d(-50%, -50%, 0);
|
|
top: 50%;
|
|
left: 50%;
|
|
|
|
&__content {
|
|
margin: 0;
|
|
background-color: var(--color-background-default);
|
|
animation-fill-mode: forwards;
|
|
}
|
|
|
|
&__backdrop {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
z-index: 1040;
|
|
background-color: var(--color-overlay-alterantive);
|
|
animation-fill-mode: forwards;
|
|
animation-duration: 0.3s;
|
|
}
|
|
|
|
& > div:focus {
|
|
outline: none !important;
|
|
}
|
|
}
|