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

Switched to using negative margin for a more positive future

Browse Source
This commit is contained in:
Michael Arestad 2022-09-02 14:11:42 -06:00
parent bdbb0202ee
commit 238d162c14
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
code/lib/blocks/src/components/ArgsTable/ArgsTable.tsx
View File

@ -67,7 +67,7 @@ export const TableWrapper = styled.table<{
}, },
'th:last-of-type, td:last-of-type': { 'th:last-of-type, td:last-of-type': {
paddingRight: 7, paddingRight: 20,
...(compact ...(compact
? null ? null
: { : {
@ -81,8 +81,8 @@ export const TableWrapper = styled.table<{
theme.base === 'light' theme.base === 'light'
? transparentize(0.25, theme.color.defaultText) ? transparentize(0.25, theme.color.defaultText)
: transparentize(0.45, theme.color.defaultText), : transparentize(0.45, theme.color.defaultText),
paddingTop: 6, paddingTop: 10,
paddingBottom: 6, paddingBottom: 10,
paddingLeft: 15, paddingLeft: 15,
paddingRight: 15, paddingRight: 15,
lineHeight: '28px', // matches height of IconButton lineHeight: '28px', // matches height of IconButton
@ -206,7 +206,7 @@ export const TableWrapper = styled.table<{
const StyledIconButton = styled(IconButton as any)(({ theme }) => ({ const StyledIconButton = styled(IconButton as any)(({ theme }) => ({
color: theme.barTextColor, color: theme.barTextColor,
margin: 0, margin: '0 -12px 0 0',
})); }));
const ControlHeadingWrapper = styled.span({ const ControlHeadingWrapper = styled.span({