fix: DataTable pagination input box width overflow

evidence-dev / evidence

Business intelligence as code: build fast, interactive data visualizations in pure SQL and markdown

https://evidence.dev

MIT License

3.38k stars 164 forks source link

fix: DataTable pagination input box width overflow #1932

Closed AyushAgrawal-A2 closed 6 days ago

AyushAgrawal-A2 commented 2 weeks ago

Description

closes #1204

Changes:

Added reactive inputPageElWidth variable to dynamically update input box width based on input.

query used:

```sql needful_things
select * from needful_things.orders

```` ### Checklist - [x] For UI or styling changes, I have added a screenshot or gif showing before & after - [x] I have added a [changeset](https://github.com/evidence-dev/evidence/blob/main/CONTRIBUTING.md#adding-a-changeset) - [ ] I have added to the docs where applicable - [ ] I have added to the [VS Code extension](https://github.com/evidence-dev/evidence-vscode) where applicable

changeset-bot[bot] commented 2 weeks ago

🦋 Changeset detected

Latest commit: ea508417ee1053f6232eeceba0a88bcdf9491c42

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 5 packages

| Name | Type | | ----------------------------- | ----- | | @evidence-dev/core-components | Patch | | @evidence-dev/evidence | Patch | | my-evidence-project | Patch | | @evidence-dev/components | Patch | | evidence-test-environment | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

netlify[bot] commented 2 weeks ago

Deploy Preview for evidence-development-workspace ready!

Name	Link
Latest commit	ea508417ee1053f6232eeceba0a88bcdf9491c42
Latest deploy log	https://app.netlify.com/sites/evidence-development-workspace/deploys/6633a46d95926c0009075362
Deploy Preview	https://deploy-preview-1932--evidence-development-workspace.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.