GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-08 02:21:48 +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, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app) ? lighten(theme.background.app)
: darken(theme.background.app), : theme.background.app,
'transparent' 'transparent'
), ),
borderBottomColor: match( borderBottomColor: match(
@ -64,7 +64,7 @@ const Arrow = styled.div<ArrowProps>(
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app) ? lighten(theme.background.app)
: darken(theme.background.app), : theme.background.app,
'transparent' 'transparent'
), ),
borderLeftColor: match( borderLeftColor: match(
@ -72,7 +72,7 @@ const Arrow = styled.div<ArrowProps>(
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app) ? lighten(theme.background.app)
: darken(theme.background.app), : theme.background.app,
'transparent' 'transparent'
), ),
borderRightColor: match( borderRightColor: match(
@ -80,7 +80,7 @@ const Arrow = styled.div<ArrowProps>(
placement, placement,
theme.color[color] || color || theme.base === 'light' theme.color[color] || color || theme.base === 'light'
? lighten(theme.background.app) ? lighten(theme.background.app)
: darken(theme.background.app), : theme.background.app,
'transparent' '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 }) => ({ const Message = styled.div(({ theme }) => ({
color: theme.textColor, color: theme.color.defaultText,
lineHeight: '18px', lineHeight: '18px',
})); }));

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

@ -12,7 +12,7 @@ const Note = styled.div(({ theme }) => ({
whiteSpace: 'nowrap', whiteSpace: 'nowrap',
pointerEvents: 'none', pointerEvents: 'none',
zIndex: -1, 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, margin: 6,
})); }));