1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/app/asset-list-item/asset-list-item.scss

79 lines
1.1 KiB
SCSS

.asset-list-item {
& .list-item__heading {
max-width: 100%;
}
&__token-button {
padding-inline-start: 0;
min-width: 0;
min-height: 0;
text-align: start;
& 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: $Grey-500;
}
.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;
}
@media (min-width: $break-large) {
&__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;
}
}
}