m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
Code
d2331c0e0b
metamask-extension/ui/components/app/modals/export-private-key-modal/index.scss

110 lines
2.0 KiB
SCSS
Raw Normal View History

colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
.export-private-key-modal {
&__body-title {
normalize app component font styles (#9695)
2020-10-29 16:03:29 +01:00
@include H4;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
margin-top: 16px;
margin-bottom: 16px;
}
&__divider {
width: 100%;
height: 1px;
margin: 19px 0 8px 0;
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
background-color: var(--color-border-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
}
&__account-name {
normalize app component font styles (#9695)
2020-10-29 16:03:29 +01:00
@include H4;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
margin-top: 9px;
}
&__password {
display: flex;
flex-direction: column;
}
&__password-label,
&__password--error {
normalize app component font styles (#9695)
2020-10-29 16:03:29 +01:00
@include H6;
Fix/14303 show private keys (#14314)
2022-04-01 15:59:46 +02:00
color: var(--color-text-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
margin-bottom: 10px;
}
&__password--error {
Dark Mode: Standardize error colors (#14029)
2022-03-18 21:15:41 +01:00
color: var(--color-error-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
margin-bottom: 0;
}
&__password-input {
normalize app component font styles (#9695)
2020-10-29 16:03:29 +01:00
@include Paragraph;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
padding: 10px 0 13px 17px;
width: 291px;
height: 44px;
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
background: var(--color-background-default);
color: var(--color-text-default);
border: 1px solid var(--color-border-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
}
&__password::-webkit-input-placeholder {
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
color: var(--color-text-muted);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
}
&__password--warning {
normalize app component font styles (#9695)
2020-10-29 16:03:29 +01:00
@include H7;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
border-radius: 8px;
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
background-color: var(--color-error-muted);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
font-weight: 500;
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
color: var(--color-text-default);
border: 1px solid var(--color-error-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
width: 292px;
padding: 9px 15px;
margin-top: 18px;
}
Replace `ReadOnlyInput` (#14330) Replace the last two uses of the `ReadOnlyInput` with a div. The idea of using an input for read-only data is silly. We can just put it in the DOM directly instead.
2022-04-04 17:07:01 +02:00
&__private-key-display {
@include Paragraph;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
height: 80px;
width: 291px;
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
border: 1px solid var(--color-border-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
border-radius: 2px;
Dark Mode: Standardize error colors (#14029)
2022-03-18 21:15:41 +01:00
color: var(--color-error-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
padding: 9px 13px 8px;
Replace `ReadOnlyInput` (#14330) Replace the last two uses of the `ReadOnlyInput` with a div. The idea of using an input for read-only data is silly. We can just put it in the DOM directly instead.
2022-04-04 17:07:01 +02:00
overflow: hidden;
overflow-wrap: break-word;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
}
&__buttons {
display: flex;
flex-direction: row;
justify-content: center;
Various UI fixes (#11512)
2021-07-14 04:06:12 +02:00
width: 100%;
padding: 0 25px;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
}
&__button {
margin-top: 17px;
width: 141px;
min-width: initial;
}
&__button--cancel {
margin-right: 15px;
}
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
.ellip-address-wrapper {
border: 1px solid var(--color-border-default);
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
padding: 5px 10px;
margin-top: 7px;
Replace `ReadOnlyInput` (#14330) Replace the last two uses of the `ReadOnlyInput` with a div. The idea of using an input for read-only data is silly. We can just put it in the DOM directly instead.
2022-04-04 17:07:01 +02:00
max-width: 286px;
direction: ltr;
overflow: hidden;
text-overflow: ellipsis;
colocate account modal styles with their components (#9150) This one gets a bit more complicated because the styles were interwoven and needed to be untangled to be moved. Essentially, though, the goal is to put the styles where they make the most sense and colocate them with their components.
2020-08-11 18:07:47 +02:00
}
}
Copy Permalink