Skip to content
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

Interactive column sizing #1321

Merged
merged 57 commits into from
Jul 19, 2023
Merged

Conversation

atmgrifter00
Copy link
Contributor

@atmgrifter00 atmgrifter00 commented Jun 23, 2023

Pull Request

🤨 Rationale

👩‍💻 Implementation

Bulk of implementation is the creation of the new TableLayoutManager class that is responsible for updating the various aspects of sizing state the table needs.

Beyond that it was mainly just updating the Table template to host the new interactive dividers, and a "glass pane" div to handle the disabling of hover states in template elements during a column resize operation.

🧪 Testing

Added unit tests.

✅ Checklist

  • I have updated the project documentation to reflect my changes or determined no changes are needed.

@atmgrifter00 atmgrifter00 marked this pull request as draft June 23, 2023 15:41
packages/nimble-components/src/table/index.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/index.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/index.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/index.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/index.ts Outdated Show resolved Hide resolved
Copy link
Contributor

@jattasNI jattasNI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Given that Molly's out and has given this a thorough review, I think it's ok to submit without her official approval (once Milan approves)

packages/nimble-components/src/table/template.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/template.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/template.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/template.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/template.ts Outdated Show resolved Hide resolved
packages/nimble-components/src/table/template.ts Outdated Show resolved Hide resolved
@atmgrifter00 atmgrifter00 enabled auto-merge (squash) July 19, 2023 16:59
@atmgrifter00 atmgrifter00 merged commit e900711 into main Jul 19, 2023
4 checks passed
@atmgrifter00 atmgrifter00 deleted the table-column-sizing-cascade-and-grow branch July 19, 2023 17:15
mollykreis added a commit that referenced this pull request Aug 2, 2023
…tent (#1408)

# Pull Request

## 🤨 Rationale

Fix a bug in the `nimble-table` where shift-selecting rows would
incorrectly highlight all cell content within the selection range.

## 👩‍💻 Implementation

Mark `documentShiftKeyDown` as `@observable` on the `Table`. This
appears to have been accidentally removed in #1321.

## 🧪 Testing

Manually tested that shift-selecting rows no longer selects the text in
cells.

## ✅ Checklist

<!--- Review the list and put an x in the boxes that apply or ~~strike
through~~ around items that don't (along with an explanation). -->

- [x] I have updated the project documentation to reflect my changes or
determined no changes are needed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants