GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-06 15:31:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

Minor updates to tooltip styles

Browse Source
This commit is contained in:
Michael Arestad 2022-08-29 10:11:45 -06:00
parent 22d52f0362
commit 4beb82aaf5
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
code/lib/components/src/tooltip/Tooltip.tsx
View File

@ -56,7 +56,7 @@ const Arrow = styled.div<ArrowProps>(
placement,
theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app)
: darken(theme.background.app),
: theme.background.app,
'transparent'
),
borderBottomColor: match(
@ -64,7 +64,7 @@ const Arrow = styled.div<ArrowProps>(
placement,
theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app)
: darken(theme.background.app),
: theme.background.app,
'transparent'
),
borderLeftColor: match(
@ -72,7 +72,7 @@ const Arrow = styled.div<ArrowProps>(
placement,
theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app)
: darken(theme.background.app),
: theme.background.app,
'transparent'
),
borderRightColor: match(
@ -80,7 +80,7 @@ const Arrow = styled.div<ArrowProps>(
placement,
theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app)
: darken(theme.background.app),
: theme.background.app,
'transparent'
),
})

2
code/lib/components/src/tooltip/TooltipMessage.tsx
View File

@ -20,7 +20,7 @@ const Links = styled.div(({ theme }) => ({
}));
const Message = styled.div(({ theme }) => ({
color: theme.textColor,
color: theme.color.defaultText,
lineHeight: '18px',
}));

2
code/lib/components/src/tooltip/TooltipNote.tsx
View File

@ -12,7 +12,7 @@ const Note = styled.div(({ theme }) => ({
whiteSpace: 'nowrap',
pointerEvents: 'none',
zIndex: -1,
background: theme.base === 'light' ? 'rgba(60, 60, 60, 0.9)' : 'rgba(20, 20, 20, 0.85)',
background: theme.base === 'light' ? 'rgba(60, 60, 60, 0.9)' : 'rgba(0, 0, 0, 0.95)',
margin: 6,
}));