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

fix(kpagination): select widget too thin for wide content #1821

Conversation

kleinfreund
Copy link
Contributor

Summary

Changes the KSelect’s props.width value from 170 to 190 to account for the widest default content (i.e. "100 items per page"). This otherwise triggers the pagination to overflow (e.g. causes a horizontal scrollbar in KTable).

Before:

image

After:

image

PR Checklist

  • Conventional Commits all commits follow the conventional commit standards outlined in the main README.
  • Tests coverage: test coverage was added for new features and bug fixes
  • Docs: includes a technically accurate README

Changes the KSelect’s `props.width` value from `170` to `190` to account for the widest default content (i.e. "100 items per page"). This otherwise triggers the pagination to overflow (e.g. causes a horizontal scrollbar in KTable).

Signed-off-by: Philipp Rudloff <[email protected]>
@kleinfreund kleinfreund self-assigned this Nov 6, 2023
@kleinfreund kleinfreund requested a review from a team as a code owner November 6, 2023 09:57
Copy link

netlify bot commented Nov 6, 2023

Deploy Preview for kongponents-sandbox ready!

Name Link
🔨 Latest commit ae4bf19
🔍 Latest deploy log https://app.netlify.com/sites/kongponents-sandbox/deploys/6548b8845928d80008badfa8
😎 Deploy Preview https://deploy-preview-1821--kongponents-sandbox.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link

netlify bot commented Nov 6, 2023

Deploy Preview for kongponents ready!

Name Link
🔨 Latest commit ae4bf19
🔍 Latest deploy log https://app.netlify.com/sites/kongponents/deploys/6548b884abe890000879062c
😎 Deploy Preview https://deploy-preview-1821--kongponents.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

Copy link
Member

@adamdehaven adamdehaven left a comment

Choose a reason for hiding this comment

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

lgtm

@kleinfreund kleinfreund merged commit 9ff9f65 into alpha Nov 6, 2023
6 checks passed
@kleinfreund kleinfreund deleted the fix/pagination-select-widget-being-too-thin-for-widest-content branch November 6, 2023 14:16
@kleinfreund kleinfreund removed their assignment Nov 6, 2023
kongponents-bot pushed a commit that referenced this pull request Nov 6, 2023
# [9.0.0-alpha.43](v9.0.0-alpha.42...v9.0.0-alpha.43) (2023-11-06)

### Bug Fixes

* **kpagination:** select widget too thin for wide content ([#1821](#1821)) ([9ff9f65](9ff9f65))
* **kslideout:** content being taller than viewport when using props.offsetTop ([#1822](#1822)) ([197fdab](197fdab))
@kongponents-bot
Copy link
Collaborator

🎉 This PR is included in version 9.0.0-alpha.43 🎉

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
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants