Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-09 15:05:44 +01:00
Code Issues Packages Projects Releases Activity

improve avatar spacing

Browse Source
This commit is contained in:
Sebastian Sdorra
2020-06-09 16:38:20 +02:00
parent 27db6c5b4a
commit 24c39faedd
1 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
scm-ui/ui-components/src/repos/changesets/ChangesetAuthor.tsx
View File

@@ -46,10 +46,15 @@ const useAvatar = (person: Person): string | undefined => {
}
};
const AvatarList = styled.span`
& > :not(:last-child) {
margin-right: 0.25em;
}
`;
const AvatarImage = styled(Image)`
width: 1em;
height: 1em;
margin-right: 0.25em;
vertical-align: middle !important;
margin-bottom: 0.2em;
border-radius: 0.25em;
@@ -112,9 +117,11 @@ const Persons: FC<PersonsProps> = ({ persons, label, displayTextOnly }) => {
return (
<>
{t(label)}{" "}
<AvatarList>
{persons.map(p => (
<PersonAvatar person={p} avatar={avatarFactory(p)} />
))}
</AvatarList>
</>
);
} else {
@@ -148,11 +155,7 @@ const ChangesetAuthor: FC<Props> = ({ changeset }) => {
const authorLine = [];
if (changeset.author) {
authorLine.push(
<Persons
persons={[changeset.author]}
label={"changesets.authors.authoredBy"}
displayTextOnly={true}
/>
<Persons persons={[changeset.author]} label={"changesets.authors.authoredBy"} displayTextOnly={true} />
);
}