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/_dropdown.scss

58 lines
1.0 KiB

// These styles extend the default Bootstrap styles
.dropdown-menu {
border-radius: 8px!important;
border: none;
box-shadow: $box-shadow;
padding: 0;
width: 100%;
&.right {
left: auto;
right: 0;
}
.nav-item & {
border-top-left-radius: 0!important;
border-top-right-radius: 0!important;
top: 45px;
.dropdown-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
}
.dropdown-item {
font-size: 12px;
padding: 10px 20px;
&:hover {
color: #fff;
}
&:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
&:last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
}
.dropdown-search-icon {
color: $gray-300;
left: 0.625rem;
pointer-events: none;
top: 0.5rem;
}
.dropdown-search-field {
padding-left: 2rem;
}
.dropdown-toggle::after {
margin-left: 0.71em;
}