1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-28 05:12:18 +01:00
metamask-extension/ui/components/ui/editable-label/index.scss
2021-04-28 14:53:59 -05:00

38 lines
558 B
SCSS

.editable-label {
display: flex;
align-items: center;
justify-content: center;
position: relative;
&__value {
max-width: 250px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
&__input {
@include H6;
width: 250px;
text-align: center;
border: 1px solid $alto;
&--error {
border: 1px solid $monzo;
}
}
&__icon-button {
position: absolute;
margin-left: 10px;
left: 100%;
background: unset;
}
&__icon {
cursor: pointer;
color: $dusty-gray;
}
}