1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-27 21:00:13 +01:00
metamask-extension/ui/components/app/selected-account/index.scss
ryanml 68ad9c619f
Adding copy icon to home screen account address (#11460)
* Adding copy icon to home screen account address

Fixes MetaMask/metamask-extension#10145

* Using margin-inline-start
2021-07-06 11:17:13 -07:00

60 lines
949 B
SCSS

.selected-account {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
flex: 1;
&__tooltip-wrapper {
width: 100%;
}
&__name {
@include H5;
width: 100%;
font-weight: 500;
color: $black;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
margin-bottom: 4px;
}
&__address {
@include H7;
color: #989a9b;
display: flex;
align-items: center;
}
&__clickable {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 4px 0;
padding: 6px 1px;
border-radius: 10px;
cursor: pointer;
width: 100%;
background-color: unset;
&:hover {
background-color: $Grey-000;
}
&:active {
background-color: #d9d7da;
}
}
&__copy {
height: 13px;
display: inline-block;
margin-inline-start: 3px;
}
}