mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-10-26 13:20:26 +02:00
38b91f63a2
* Extract advanced gas input controls to their own component * Add advanced inline gas toggle to settings * Add optional advanced inline gas to send send screen * Adds optional advanced gas inputs to the confirm screen * Add info modals for advanced gas inputs. * Fix translation of advance gas toggle description. * Lint and unit test fixes for inline-advanced-gas-inputs * Increase margin above advanced options button on send screen * Move methods from constructor to property syntax in advanced-gas-inputs.component
69 lines
1.1 KiB
SCSS
69 lines
1.1 KiB
SCSS
@import './confirm-page-container-warning/index';
|
|
|
|
@import './confirm-page-container-summary/index';
|
|
|
|
.confirm-page-container-content {
|
|
overflow-y: auto;
|
|
flex: 1;
|
|
|
|
&__error-container {
|
|
padding: 0 16px 16px 16px;
|
|
}
|
|
|
|
&__details {
|
|
box-sizing: border-box;
|
|
padding: 0 24px;
|
|
}
|
|
|
|
&__data {
|
|
padding: 16px;
|
|
color: $oslo-gray;
|
|
}
|
|
|
|
&__data-box {
|
|
background-color: #f9fafa;
|
|
padding: 12px;
|
|
font-size: .75rem;
|
|
margin-bottom: 16px;
|
|
word-wrap: break-word;
|
|
max-height: 200px;
|
|
overflow-y: auto;
|
|
|
|
&-label {
|
|
text-transform: uppercase;
|
|
padding: 8px 0 12px;
|
|
font-size: 12px;
|
|
}
|
|
}
|
|
|
|
&__data-field {
|
|
display: flex;
|
|
flex-direction: row;
|
|
|
|
&-label {
|
|
font-weight: 500;
|
|
padding-right: 16px;
|
|
}
|
|
|
|
&:not(:last-child) {
|
|
margin-bottom: 5px;
|
|
}
|
|
}
|
|
|
|
&__gas-fee {
|
|
border-bottom: 1px solid $geyser;
|
|
|
|
.advanced-gas-inputs__gas-edit-rows {
|
|
margin-bottom: 16px;
|
|
}
|
|
}
|
|
|
|
&__function-type {
|
|
font-size: .875rem;
|
|
font-weight: 500;
|
|
text-transform: capitalize;
|
|
color: $black;
|
|
padding-left: 5px;
|
|
}
|
|
}
|