Skip to content

Commit ca99231

Browse files
ddouglaszDdouglasz
and
Ddouglasz
authored
feat(data table): footer should take full width in all browsers (#2989)
* feat(data table): footer should take full width in all browsers * feat(data table): restore accidentally remove line of code --------- Co-authored-by: Ddouglasz <[email protected]>
1 parent eb2c695 commit ca99231

File tree

2 files changed

+6
-0
lines changed

2 files changed

+6
-0
lines changed

.changeset/chilled-apples-retire.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
'@commercetools-uikit/data-table': patch
3+
---
4+
5+
data-table footer should take up full width of the data-table in all browsers.

packages/components/data-table/src/footer.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -22,6 +22,7 @@ const Footer = styled.div<TFooter>`
2222
background-color: ${designTokens.colorSurface};
2323
border-top: 1px solid ${designTokens.colorNeutral90};
2424
border-bottom: 1px solid ${designTokens.colorNeutral90};
25+
width: 100%;
2526
${(props) =>
2627
props.resizedTotalWidth ? `max-width: ${props.resizedTotalWidth}px;` : ''}
2728
`;

0 commit comments

Comments
 (0)