mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-11-28 23:06:37 +01:00
4dcde1e216
* layout wip * Icon changes, add badgewrapped icons to smart tx * grouping by date wip * typo fix * group txs by date, button styling * removing queue/history division, adding datestamp for pending tx, minor styling changes * adding tests, updating snap * font size fix * e2e fixes * Remove unnecessary tabIndex and keypress handler * Fix typo for fontWeight * Fix nesting warning by removing unnecessary Text * Fix tests * Fix import and exports * Remove unused verbiage * Update E2E selectors * More E2E * More E2Es * More test fixes * awaiting find instead of click * adding regularDelayMs to flaky test * removing delay * increasing delay outside of wait * adding back first-child to selector * test fixes * using datatestid for primary currency * sorting date txgroups * wip alignment for big numbers * alignment issues fix * lintfix * adding tabindex, cursor pointer, updating snap * unit test fix * storybook additions * snaphot update * update snap --------- Co-authored-by: David Walsh <davidwalsh83@gmail.com>
73 lines
1.2 KiB
SCSS
73 lines
1.2 KiB
SCSS
.transaction-list-item {
|
|
border-top: none;
|
|
|
|
&__primary-currency {
|
|
color: var(--color-text-default);
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
&__secondary-currency {
|
|
@include H7;
|
|
|
|
margin-top: 4px;
|
|
color: var(--color-text-alternative);
|
|
}
|
|
|
|
& &--unconfirmed {
|
|
color: var(--color-text-alternative);
|
|
}
|
|
|
|
&--unconfirmed &__primary-currency {
|
|
color: var(--color-text-alternative);
|
|
}
|
|
|
|
&__pending-actions {
|
|
display: flex;
|
|
|
|
.button {
|
|
@include H6;
|
|
|
|
width: 90px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
& > .button:first-child {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
&:empty {
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
.list-item__subheading {
|
|
overflow: hidden;
|
|
max-width: 100%;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
|
|
.list-item__subheading > h3 {
|
|
overflow: visible;
|
|
display: flex;
|
|
white-space: nowrap;
|
|
text-overflow: initial;
|
|
}
|
|
|
|
&__address {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
///: BEGIN:ONLY_INCLUDE_IN(build-mmi)
|
|
&__icon-badge {
|
|
position: absolute;
|
|
top: 18px;
|
|
left: 18px;
|
|
transform: scale(0.8);
|
|
}
|
|
///: END:ONLY_INCLUDE_IN
|
|
}
|