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
c516760382
metamask-extension/ui/components/app/modals/export-private-key-modal/index.scss

122 lines
2.2 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;
}
&__password-display-wrapper {
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;
}
&__password-display-textarea {
normalize app component font styles (#9695)
2020-10-29 16:03:29 +01:00
@include Paragraph;
Dark Mode: Standardize error colors (#14029)
2022-03-18 21:15:41 +01:00
color: var(--color-error-default);
Fix/14303 show private keys (#14314)
2022-04-01 15:59:46 +02:00
background-color: var(--color-background-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: none;
height: 75px;
width: 100%;
overflow: hidden;
resize: none;
padding: 9px 13px 8px;
}
&__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 {
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
display: flex;
justify-content: center;
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
padding: 5px 10px;
margin-top: 7px;
width: 286px;
Dark Mode: Export Key (#14141) Co-authored-by: George Marshall <george.marshall@consensys.net>
2022-03-24 00:40:21 +01:00
input {
background: var(--color-background-default);
color: var(--color-text-default);
border: 0;
}
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