[FIX] Header Tag Visual Issues (#21991)

pull/21999/head
Douglas Fabris 4 years ago committed by GitHub
parent 6c1505eede
commit 620e721c24
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 1
      client/components/Header/HeaderLink.tsx
  2. 5
      client/components/Header/HeaderTagIcon.tsx

@ -9,6 +9,7 @@ const HeaderLink: FC<ComponentProps<typeof Box>> = (props) => (
{...props}
className={[
css`
color: ${colors.n700} !important;
&:hover,
&:focus {
color: ${colors.n800} !important;

@ -1,12 +1,13 @@
import { Box, Icon } from '@rocket.chat/fuselage';
import colors from '@rocket.chat/fuselage-tokens/colors';
import React, { FC, isValidElement, ReactElement } from 'react';
type HeaderIconProps = { icon: ReactElement | { name: string; color?: string } | null };
const HeaderTagIcon: FC<HeaderIconProps> = ({ icon }) =>
icon ? (
<Box w='x20' mi='x2' display='inline-flex' justifyContent='center'>
{isValidElement(icon) ? icon : <Icon size='x20' {...icon} />}
<Box w='x16' mie='x2' display='inline-flex' justifyContent='center'>
{isValidElement(icon) ? icon : <Icon size='x16' color={colors.n700} {...icon} />}
</Box>
) : null;

Loading…
Cancel
Save