1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/multichain/account-list-item/index.scss
David Walsh 6f7e382777
UX: Multichain: Improve accessibility of accounts menu (#18309)
* UX: Multichain: Improve accessibility of accounts menu

* Use button instead of a

* Pass color instead of using CSS
2023-03-30 13:12:45 -05:00

41 lines
594 B
SCSS

.multichain-account-list-item {
position: relative;
width: 100%;
cursor: pointer;
&:not(.account-list-item--selected) {
&:hover,
&:focus-within {
background: var(--color-background-default-hover);
}
}
&__account-name {
&:hover,
&:focus {
opacity: 1;
}
}
&__selected-indicator {
width: 4px;
height: calc(100% - 8px);
position: absolute;
top: 4px;
left: 4px;
}
&__content {
overflow: hidden;
flex: 1;
}
.currency-display-component {
flex-wrap: nowrap;
}
&__tooltip {
display: inline;
}
}