Blockchain explorer for Ethereum based network and a tool for inspecting and analyzing EVM based blockchains.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
blockscout/apps/block_scout_web/assets/css/components/_token-balance-dropdown.scss

108 lines
1.6 KiB

.token-balance-dropdown {
min-width: 10rem;
margin-top: 1rem;
background-color: #fff;
&.dropdown-menu {
border-radius: 4px !important;
box-shadow: 0 0.5rem 1rem rgba(202, 199, 226, .3) !important;
border: 1px solid #e2e5ec !important;
}
.dropdown-items {
overflow-y: auto;
max-height: 18.5rem;
.dropdown-item {
&:hover {
color: $secondary;
}
.row:nth-child(2) {
p {
font-size: 12px;
opacity: .65;
}
}
}
}
.dropdown-header {
padding: 1.1rem 20px .9rem 20px;
font-size: 14px;
font-weight: 400;
}
.dropdown-search-field {
height: 50px;
border: 1px solid #f5f6fa;
background-color: #f5f6fa;
outline: none !important;
font-size: 14px;
color: #828ba0;
font-weight: 300;
padding-left: 52px;
&::placeholder {
color: rgba(#828ba0, .5);
}
}
.dropdown-search-icon {
left: 20px;
top: 50%;
margin-top: -8.5px;
path {
fill: #828ba0;
}
}
&:after {
bottom: 100%;
right: 14%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
}
&:before {
display: none;
}
}
3 years ago
.usd-total {
flex-grow: 1;
flex-basis: 10%;
padding-right: 0;
padding-left: 5px;
}
.usd-rate {
flex-grow: 1;
flex-basis: 10%;
padding-right: 0;
}
.el-1 {
flex-grow: 1;
flex-basis: 10%;
}
.wh-sp {
white-space: nowrap;
}
.token-wallet-icon {
margin-right: 5px;
margin-top: 0.5px !important;
flex-grow: 0;
}
.ml-5px {
margin-left: 5px;
}
.dropdown-row {
padding-left: 5px;
padding-right: 5px;
}