1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-05 15:35:46 +01:00
metamask-extension/ui/components/app/asset-list-item/asset-list-item.scss

80 lines
1.2 KiB
SCSS
Raw Normal View History

.asset-list-item {
& .list-item__heading {
max-width: 100%;
}
&__token-button {
padding-inline-start: 0;
min-width: 0;
min-height: 0;
text-align: start;
color: var(--color-text-default);
& h2 {
display: flex;
}
& span {
padding-right: 5px;
}
}
&__token-value {
flex: 1;
padding-right: 5px;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 100%;
display: block;
overflow: hidden;
}
&__chevron-right {
color: var(--color-icon-default);
}
.list-item__right-content {
align-self: center;
}
.list-item__subheading {
@include H6;
margin-top: 6px;
}
&__warning {
flex: 1;
margin-left: 8px;
}
& &__send-token-button {
@include H6;
display: none;
text-transform: uppercase;
width: fit-content;
padding-top: 0;
padding-bottom: 0;
}
2022-08-04 16:03:02 +02:00
@include screen-sm-min {
&__warning-tooltip {
display: none;
}
.list-item__mid-content {
display: flex;
}
&:hover &__send-token-button,
&:focus-within &__send-token-button {
display: inline-block;
}
&__chevron-right {
display: none;
}
}
}