m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

[FLASK] Fix snaps authorship pill (#15190)

Browse Source 
* 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>
This commit is contained in:
Hassan Malik 2022-07-23 00:58:46 -04:00 committed by GitHub
parent 101fe0b27a
commit 1f943a7d69
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
ui/components/app/flask/snaps-authorship-pill/index.scss
View File

@ -5,6 +5,14 @@
.chip {
padding-right: 8px;
margin-top: 4px;
}
.chip__label {
max-width: 168px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
&:hover,

1
ui/components/app/flask/snaps-authorship-pill/snaps-authorship-pill.js
View File

@ -63,6 +63,7 @@ const SnapsAuthorshipPill = ({ snapId, version, className }) => {
variant={TYPOGRAPHY.H7}
tag="span"
color={COLORS.TEXT_ALTERNATIVE}
title={packageName}
>
{packageName}
</Typography>