-
Notifications
You must be signed in to change notification settings - Fork 85
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(flat-table-cell, flat-table-header): raise specificity of spacing styles FE-3838 #3872
Merged
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 6827513:
|
edleeks87
force-pushed
the
FE-3838-cell-width-and-truncate
branch
from
April 1, 2021 13:19
fa8eba0
to
88fb78c
Compare
DipperTheDan
reviewed
Apr 6, 2021
bulaj
previously approved these changes
Apr 7, 2021
edleeks87
force-pushed
the
FE-3838-cell-width-and-truncate
branch
2 times, most recently
from
April 8, 2021 09:36
09318db
to
4227e80
Compare
nicktitchmarsh
previously approved these changes
Apr 8, 2021
edleeks87
force-pushed
the
FE-3838-cell-width-and-truncate
branch
from
April 8, 2021 14:54
4227e80
to
f2bc672
Compare
nicktitchmarsh
previously approved these changes
Apr 8, 2021
DipperTheDan
approved these changes
Apr 8, 2021
DipperTheDan
previously approved these changes
Apr 8, 2021
bulaj
previously approved these changes
Apr 8, 2021
… styles Raises specificity of the `space` styles applied to div container within `FlatTableCell` and `FlatTableHeader` so any values passed via `styled-system` props take precedence of the cell-sizes configs fix #3846
… cell and new truncate styling Adds `width` prop for `FlatTableCell`. Adds `truncate` and `title` props to support styling content that overflows the width of the column and overriding the text displayed when the mouse hovers over a cell.
edleeks87
dismissed stale reviews from bulaj, DipperTheDan, and nicktitchmarsh
via
April 13, 2021 12:12
86b42b8
edleeks87
force-pushed
the
FE-3838-cell-width-and-truncate
branch
from
April 13, 2021 12:12
f2bc672
to
86b42b8
Compare
DipperTheDan
approved these changes
Apr 13, 2021
ZhuoyuJin
approved these changes
Apr 13, 2021
🎉 This PR is included in version 68.17.0 🎉 The release is available on: Your semantic-release bot 📦🚀 |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
fix #3846
Proposed behaviour
Raises specificity of the
space
styles applied to div container withinFlatTableCell
,FlatTableRowHeader
andFlatTableHeader
so any values passed viastyled-system
props take precedence of the cell-sizesconfigs
Adds
width
prop forFlatTableCell
. Addstruncate
andtitle
props to support styling contentthat overflows the width of the column and overriding the text displayed when the mouse hovers over
a cell.
After speaking to @harpalsingh it was decided to remove the
nowrap
styling on cells and only apply it whentruncate
is trueCurrent behaviour
Styled-system props are overridden by the size config
No ability to truncate cell content
Checklist
d.ts
file added or updated if requiredAdditional context
Testing instructions
design-system-flat-table--with-truncated-cell-content
has been createdhttps://codesandbox.io/s/carbon-quickstart-forked-fm951?file=/src/index.js