Spearhead/joyent-portal
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix(my-joy-beta): show quick-actions left border

Browse Source
This commit is contained in:
Sérgio Ramos 2017-12-04 18:24:24 +00:00
parent 9cf7a94e17
commit cc5bb78dc4
2 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
packages/my-joy-beta/src/components/instances/list.js
View File

@ -263,14 +263,14 @@ export const Item = ({
} }
</Value> </Value>
</TableTd> </TableTd>
<TableTd xs="0" sm="140" middle left> <TableTd xs="0" sm="160" middle left>
{distanceInWordsToNow(created)} {distanceInWordsToNow(created)}
</TableTd> </TableTd>
<TableTd xs="0" sm="95" middle left> <TableTd xs="0" sm="110" middle left>
<code>{id.substring(0, 7)}</code> <code>{id.substring(0, 7)}</code>
</TableTd> </TableTd>
<PopoverContainer clickable> <PopoverContainer clickable>
<TableTd padding="0"> <TableTd padding="0" hasBorder="left">
<PopoverTarget box> <PopoverTarget box>
<ActionsIcon /> <ActionsIcon />
</PopoverTarget> </PopoverTarget>
@ -342,7 +342,7 @@ export default ({
)} )}
</TableTh> </TableTh>
<TableTh <TableTh
xs="140" xs="150"
onClick={() => onSortBy('state')} onClick={() => onSortBy('state')}
left left
middle middle
@ -359,7 +359,7 @@ export default ({
</TableTh> </TableTh>
<TableTh <TableTh
xs="0" xs="0"
sm="140" sm="160"
onClick={() => onSortBy('created')} onClick={() => onSortBy('created')}
left left
middle middle
@ -376,7 +376,7 @@ export default ({
</TableTh> </TableTh>
<TableTh <TableTh
xs="0" xs="0"
sm="95" sm="110"
onClick={() => onSortBy('id')} onClick={() => onSortBy('id')}
left left
middle middle
@ -391,7 +391,7 @@ export default ({
/> />
)} )}
</TableTh> </TableTh>
<TableTh xs="38" padding="0" /> <TableTh xs="60" padding="0" />
</TableTr> </TableTr>
</TableThead> </TableThead>
<TableTbody> <TableTbody>

6
packages/ui-toolkit/src/table/index.js
View File

@ -32,8 +32,8 @@ const handleBreakpoint = bp => props => {
}; };
const ColumnBorder = css` const ColumnBorder = css`
${is('border')` ${is('hasBorder')`
border-${props => props.border}-width: ${remcalc(1)}; border-${props => props.hasBorder}-width: ${remcalc(1)} !important;
`}; `};
`; `;
@ -287,7 +287,7 @@ export const Thead = Baseline(({ children, ...rest }) => (
export const Tfoot = Baseline(({ children, ...rest }) => ( export const Tfoot = Baseline(({ children, ...rest }) => (
<Propagate {...rest} header={true}> <Propagate {...rest} header={true}>
{value => ( {value => (
<BaseTfoot {...value} name="thfoot"> <BaseTfoot {...value} name="tfoot">
{children} {children}
</BaseTfoot> </BaseTfoot>
)} )}