mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-23 02:10:12 +01:00
fa15b32fab
* ConfirmAddSuggestedToken: component.js -> .js * replace mapStateToProps w/ useSelector ConfirmAddSuggestedToken * replace mapDispatchToProps w/ useDispatch ConfirmAddSuggestedToken * ConfirmAddSuggestedToken: useHistory * ConfirmAddSuggestedToken: revert scss reuse ConfirmImportToken styles for now * ConfirmAddSuggestToken: add tests * ConfirmAddSuggestedToken: rm unused controls * ConfirmAddSuggestedToken: rm snapshot * use `metamark.svg` instead of `metamask.svg` * ConfirmAddSuggestedToken: update useSelectors * Revert "ConfirmAddSuggestedToken: revert scss" This reverts commit 07aed4576caaf247cb38ad481d79a339ba3d3947. * ConfirmAddSuggestedToken: === undefined w/ strict mode * ConfirmAddSuggestedToken: use useNewMetricEvent * ConfirmAddSuggestedToken: run useEffect once * ConfirmAddSuggestedToken: rm unused async * ConfirmAddSuggestedToken: rm mock redux store * ConfirmAddSuggestedToken: duplicate ConfirmImportToken styles * ConfirmAddSuggestedToken: update metrics logic * ConfirmAddSuggestedToken: metricEvent-> trackEvent * ConfirmAddSuggestedToken:clean useEffect w/ new fn - PR suggestion: https://github.com/MetaMask/metamask-extension/pull/13526#discussion_r818007393 * ConfirmAddSuggestedToken: rm unused .token-balance styles
59 lines
798 B
SCSS
59 lines
798 B
SCSS
.confirm-add-suggested-token {
|
|
padding: 16px;
|
|
|
|
&__link {
|
|
@include H7;
|
|
|
|
display: inline;
|
|
color: var(--primary-blue);
|
|
padding-left: 0;
|
|
}
|
|
|
|
&__header {
|
|
@include H7;
|
|
|
|
display: flex;
|
|
}
|
|
|
|
&__token {
|
|
flex: 1;
|
|
min-width: 0;
|
|
}
|
|
|
|
&__balance {
|
|
flex: 0 0 30%;
|
|
min-width: 0;
|
|
}
|
|
|
|
&__token-list {
|
|
display: flex;
|
|
flex-flow: column nowrap;
|
|
}
|
|
|
|
&__token-list-item {
|
|
display: flex;
|
|
flex-flow: row nowrap;
|
|
align-items: center;
|
|
margin-top: 8px;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
&__data {
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 8px;
|
|
}
|
|
|
|
&__name {
|
|
min-width: 0;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
&__token-icon {
|
|
margin-right: 12px;
|
|
flex: 0 0 auto;
|
|
}
|
|
}
|