fix(ui) - move book logo to right of glossary term (#4125)

* fix(ui) - move book logo to right of glossary term

* Flip book on top glossary terms
This commit is contained in:
Aditya Radhakrishnan 2022-02-11 13:43:37 -08:00 committed by GitHub
parent d24c52828b
commit 368b20878c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 4 deletions

View File

@ -25,6 +25,7 @@ const TermButton = styled(Button)`
const StyledBook = styled(BookOutlined)`
&& {
margin-right: 3px;
padding-left: 2px;
padding-bottom: 2px;
font-size: 10px;
@ -63,8 +64,8 @@ export const GlossaryTermSearchList = ({ content, onClick }: Props) => {
<TermContainer>
<TermButton type="link" key={term.urn} onClick={() => onClickTerm(term, index)}>
<Tag closable={false}>
{term.name}
<StyledBook />
{term.name}
</Tag>
</TermButton>
</TermContainer>

View File

@ -61,8 +61,8 @@ export const SearchFilterLabel = ({ aggregation, field }: Props) => {
return (
<>
<Tag closable={false}>
<BookOutlined style={{ marginRight: '3%' }} />
{term.name}
<BookOutlined style={{ marginLeft: '2%' }} />
</Tag>
({countText})
</>

View File

@ -159,8 +159,8 @@ export default function TagTermGroup({
{uneditableGlossaryTerms?.terms?.map((term) => (
<TagLink to={entityRegistry.getEntityUrl(EntityType.GlossaryTerm, term.term.urn)} key={term.term.urn}>
<Tag closable={false}>
<BookOutlined style={{ marginRight: '3%' }} />
{term.term.name}
<BookOutlined style={{ marginLeft: '2%' }} />
</Tag>
</TagLink>
))}
@ -173,8 +173,8 @@ export default function TagTermGroup({
removeTerm(term.term.urn);
}}
>
<BookOutlined style={{ marginRight: '3%' }} />
{term.term.name}
<BookOutlined style={{ marginLeft: '2%' }} />
</Tag>
</TagLink>
))}