fix(DataTable): fix padding issue with sortable, expandable DataTable #7987
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.
Closes #7983
There is an issue with sortable, expandable DataTables and we have a few solutions.
Current:
This PR:
This PR adds back in 1rem of left padding and updates the left padding of the expandable content area as well
An alternative
This retains the current guidance (that focus is adjacent to text) but causes issues when the table header is sortable (has hover states)
Current
Current (on website)
Proposed alternative, with hover issue
![Screen Shot 2021-03-04 at 1 34 41 PM](https://user-images.githubusercontent.com/11928039/110034158-fd613900-7cee-11eb-9b3e-3525757b7ba4.png)
Changelog
Changed
4rem
left padding (up from3rem
)Removed
padding-left
Testing / Reviewing
Open to feedback on how we want to handle this scenario