1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-23 02:10:12 +01:00
metamask-extension/ui/components/multichain/network-list-item/index.scss
2023-03-31 12:58:25 -05:00

52 lines
757 B
SCSS

.multichain-network-list-item {
position: relative;
cursor: pointer;
&:not(.multichain-network-list-item--selected) {
&:hover,
&:focus-within {
background: var(--color-background-default-hover);
}
}
a:hover,
a:focus {
color: inherit;
}
&:hover,
&:focus,
&:focus-within {
.multichain-network-list-item__delete {
visibility: visible;
}
}
&__network-name {
width: 100%;
flex: 1;
overflow: hidden;
text-align: start;
button:hover {
opacity: 1;
}
}
&__tooltip {
display: inline;
}
&__selected-indicator {
width: 4px;
height: calc(100% - 8px);
position: absolute;
top: 4px;
left: 4px;
}
&__delete {
visibility: hidden;
}
}