Uniform rendering of tooltips for repository badges (#1698)

Co-authored-by: René Pfeuffer <rene.pfeuffer@cloudogu.com>
This commit is contained in:
Florian Scholdei
2021-06-15 09:29:24 +02:00
committed by GitHub
parent 965b5dbced
commit 58a8232aa9
6 changed files with 177 additions and 124 deletions

View File

@@ -48,9 +48,13 @@ type State = {
const Title = styled.span`
display: flex;
align-items: center;
`;
& > * {
margin-right: 0.25rem;
const RepositoryFlagContainer = styled.div`
/*pointer-events: all;*/
.tag {
margin-left: 0.25rem;
}
`;
@@ -181,8 +185,11 @@ class RepositoryEntry extends React.Component<Props, State> {
return (
<Title>
<ExtensionPoint name="repository.card.beforeTitle" props={{ repository }} />
<strong>{repository.name}</strong> {repositoryFlags}
<ExtensionPoint name="repository.flags" props={{ repository }} renderAll={true} />
<strong>{repository.name}</strong>{" "}
<RepositoryFlagContainer>
{repositoryFlags}
<ExtensionPoint name="repository.flags" props={{ repository }} renderAll={true} />
</RepositoryFlagContainer>
</Title>
);
};