1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 20:57:12 +01:00
metamask-extension/ui/components/app/flask/snaps-authorship-pill/index.scss
Hassan Malik 1f943a7d69
[FLASK] Fix snaps authorship pill (#15190)
* add truncation

* add title to show complete package name

* Remove hardcoded max-width

* truncation

* reduced max-width

* final changes

Co-authored-by: Frederik Bolding <frederik.bolding@gmail.com>
Co-authored-by: eriknson <eriks@mail.se>
2022-07-23 00:58:46 -04:00

38 lines
573 B
SCSS

@import "design-system";
.snaps-authorship-pill {
display: inline-block;
.chip {
padding-right: 8px;
margin-top: 4px;
}
.chip__label {
max-width: 168px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
&:hover,
&:focus {
.chip {
background-color: var(--color-background-alternative);
}
}
}
.snaps-authorship-icon {
color: var(--color-icon-alternative);
}
.snaps-authorship-version {
border-radius: 100px;
line-height: 100%;
}
.snaps-authorship-version > span {
vertical-align: middle;
}