m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-24 19:10:22 +01:00
Code
4f0a205369
metamask-extension/ui/app/pages/asset/asset.scss

46 lines
641 B
SCSS
Raw Normal View History

Implement asset page (#8696) A new page has been created for viewing assets. This replaces the old `selectedToken` state, which previously would augment the home page to show token-specific information. The new asset page shows the standard token overview as seen previously on the home page, plus a history filtered to show just transactions relevant to that token. The actions that were available in the old token list menu have been moved to a "Token Options" menu that mirrors the "Account Options" menu. The `selectedTokenAddress` state has been removed, as it is no longer being used for anything. `getMetaMetricState` has been renamed to `getBackgroundMetaMetricState` because its sole purpose is extracting data from the background state to send metrics from the background. It's not really a selector, but it was convenient for it to use the same selectors the UI uses to extract background data, so I left it there for now. A new Redux store has been added to track state related to browser history. The most recent "overview" page (i.e. the home page or the asset page) is currently being tracked, so that actions taken from the asset page can return the user back to the asset page when the action has finished.
2020-06-01 19:54:32 +02:00
.asset {
&__container {
background-color: white;
}
&__overview {
box-shadow: 0px 3px 4px rgba(135, 134, 134, 0.16);
}
}
.asset-navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
height: 54px;
}
.asset-breadcrumb {
font-size: 14px;
color: $Black-100;
Make asset page breadcrumb clickable (#8737) The entire asset page breadcrumb is now clickable. Clicking it will bring the user back to the home page.
2020-06-04 17:51:44 +02:00
background-color: inherit;
Implement asset page (#8696) A new page has been created for viewing assets. This replaces the old `selectedToken` state, which previously would augment the home page to show token-specific information. The new asset page shows the standard token overview as seen previously on the home page, plus a history filtered to show just transactions relevant to that token. The actions that were available in the old token list menu have been moved to a "Token Options" menu that mirrors the "Account Options" menu. The `selectedTokenAddress` state has been removed, as it is no longer being used for anything. `getMetaMetricState` has been renamed to `getBackgroundMetaMetricState` because its sole purpose is extracting data from the background state to send metrics from the background. It's not really a selector, but it was convenient for it to use the same selectors the UI uses to extract background data, so I left it there for now. A new Redux store has been added to track state related to browser history. The most recent "overview" page (i.e. the home page or the asset page) is currently being tracked, so that actions taken from the asset page can return the user back to the asset page when the action has finished.
2020-06-01 19:54:32 +02:00
&__chevron {
padding: 0 10px 0 2px;
font-size: 16px;
}
&__asset {
font-weight: bold;
}
}
.token-options {
&__button {
font-size: 20px;
color: $Black-100;
background-color: inherit;
padding: 2px 8px;
}
&__icon {
font-size: 16px;
}
}
Copy Permalink