1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-30 16:18:07 +01:00
metamask-extension/ui/components/app/confirm-page-container/confirm-page-container-navigation/index.scss
Vladimir Saric 8aa3263b82
Added navigation between multiple sign prompts and reject all sign prompts (#17093)
* Fixed navigation through multiple unapproved transactions for ERC20 tokens

* Fixed tx details activity-log currency

* Fixed e2e test failure

* Added navigation between multiple sign prompts and reject all sign prompts

* Resolving conflicts

* Creating SignatureRequestNavigation component and extracting the UI rendering part into a single component

* Fixing e2e tests and updating snapshot

* Using single component for navigation which shows both messages and transactions requests

* Fixing test-unit-jest-main

* Added more unit tests

* Fixing test-storybook

* Fixing test-storybook

---------

Co-authored-by: Filip Sekulic <filip.sekulic@consensys.net>
2023-01-31 16:29:23 +01:00

60 lines
1.0 KiB
SCSS

.confirm-page-container-navigation {
display: flex;
justify-content: space-between;
font: inherit;
padding: 4px 10px 4px 10px;
border-bottom: 1px solid var(--color-border-muted);
flex: 0 0 auto;
&__container {
display: flex;
}
&__arrow {
cursor: pointer;
display: flex;
padding-left: 4px;
padding-right: 4px;
background: none;
border: none;
color: var(--color-icon-default);
}
&__arrow:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
&__arrow:active {
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
&__textcontainer {
text-align: center;
}
&__navtext {
@include H9;
font-weight: bold;
}
&__longtext {
@include H9;
color: var(--color-text-alternative);
}
&__imageflip {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
}