Skip to content

style(Tooltip): changed CustomTooltip font#839

Closed
Pratik-050 wants to merge 1 commit intolayer5io:masterfrom
Pratik-050:tooltip_font/Pratik-050/font_change
Closed

style(Tooltip): changed CustomTooltip font#839
Pratik-050 wants to merge 1 commit intolayer5io:masterfrom
Pratik-050:tooltip_font/Pratik-050/font_change

Conversation

@Pratik-050
Copy link
Copy Markdown

Notes for Reviewers
Changed CustomTooltip font using SistentThemeProvider

This PR fixes #

Screenshot from 2024-12-05 18-54-43

Screenshot from 2024-12-05 18-54-35

Signed commits

  • Yes, I signed my commits.

Signed-off-by: Pratik Chandra Pal <pratikpal050@gmail.com>
arrow: {
sx: {
color: bgColor
<SistentThemeProvider>
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

you don't required here to wrap this provider.

Copy link
Copy Markdown
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we don't wrap this then the theme was not being applied properly and we can't access the correct tokens.

} & Omit<TooltipProps, 'title' | 'onClick'>;

const StyledFontWrapper = styled(Typography)(({ theme }) => ({
...theme.typography.textH2Medium,
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

isn't this variant already has the fontsize in it.


const StyledFontWrapper = styled(Typography)(({ theme }) => ({
...theme.typography.textH2Medium,
fontSize: '1rem',
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

why specifying here then?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants