m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code
799536c35f
metamask-extension/ui/app/components/app/confirm-page-container/confirm-page-container-header/index.scss

45 lines
766 B
SCSS
Raw Normal View History

Refactor and redesign confirm transaction views
2018-06-23 08:52:45 +02:00
.confirm-page-container-header {
display: flex;
flex-direction: column;
flex: 0 0 auto;
&__row {
display: flex;
justify-content: space-between;
border-bottom: 1px solid $geyser;
Fixes #3425: Better support for batch transactions (#5437)
2018-11-13 18:19:12 +01:00
padding: 4px 13px 4px 13px;
Refactor and redesign confirm transaction views
2018-06-23 08:52:45 +02:00
flex: 0 0 auto;
Redesign approve screen (#7271) * Redesign approve screen * Add translations to approve screen components * Show account in header of approve screen * Use state prop bool for unlimited vs custom check in edit-approval-permission * Set option to custom on input change in edit-approval-permission * Allow setting of approval amount to unlimited in edit-approval-permission * Fix height of confirm-approval popup * Ensure decimals prop passted to confirm-approve.component is correct type * Ensure first param passed to calcTokenValue in confirm-approve.util is the correct type * Fix e2e test of permission editing * Remove unused code from edit-approval-permission.container
2019-11-05 16:13:48 +01:00
align-items: center;
Refactor and redesign confirm transaction views
2018-06-23 08:52:45 +02:00
}
&__back-button-container {
display: flex;
justify-content: center;
align-items: center;
Right-to-left CSS (using module for conversion) (#7072) * Create RTL stylesheets using `gulp-rtl` * Handle RTL stylesheet special cases Certain blocks of Sass were set to bypass "rtlcss" using ignore comments. Certain icons had to be flipped 180 degrees. * Switch stylesheets when locale changes A second stylesheet has been added to each HTML page for use with right-to-left locales. It is disabled by default. It is enabled on startup if a RTL locale is set, and when switching to a RTL locale. Similarly the LTR stylesheet is disabled when a RTL locale is used. Unfortunately there is an unpleasant flash of unstyled content when switching between a LTR and a RTL locale. There is also a slightly longer page load time when using a RTL locale (<1s difference). We couldn't think of an easy way to avoid these problems. * Set `dir="auto"` as default on `TextFields`
2019-09-03 19:47:54 +02:00
[dir='rtl'] & img {
transform: rotate(180deg);
}
Refactor and redesign confirm transaction views
2018-06-23 08:52:45 +02:00
}
&__back-button {
color: #2f9ae0;
font-size: 1rem;
cursor: pointer;
font-weight: 400;
padding-left: 5px;
}
Redesign approve screen (#7271) * Redesign approve screen * Add translations to approve screen components * Show account in header of approve screen * Use state prop bool for unlimited vs custom check in edit-approval-permission * Set option to custom on input change in edit-approval-permission * Allow setting of approval amount to unlimited in edit-approval-permission * Fix height of confirm-approval popup * Ensure decimals prop passted to confirm-approve.component is correct type * Ensure first param passed to calcTokenValue in confirm-approve.util is the correct type * Fix e2e test of permission editing * Remove unused code from edit-approval-permission.container
2019-11-05 16:13:48 +01:00
&__address-container {
display: flex;
align-items: center;
margin-top: 2px;
margin-bottom: 2px;
}
&__address {
margin-left: 6px;
font-size: 14px;
}
Refactor and redesign confirm transaction views
2018-06-23 08:52:45 +02:00
}
Copy Permalink