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

Optimize material table in small container #3894

Merged

Conversation

manuelmeister
Copy link
Member

@manuelmeister manuelmeister commented Oct 1, 2023

Automatically use the dense version of the MaterialTable if not enough space is available for default table mode instead of list mode.

Same code as in Storyboard.vue

@manuelmeister manuelmeister added the deploy! Creates a feature branch deployment for this PR label Oct 1, 2023
@manuelmeister manuelmeister temporarily deployed to feature-branch October 1, 2023 00:09 — with GitHub Actions Inactive
@github-actions
Copy link

github-actions bot commented Oct 1, 2023

Feature branch deployment currently inactive.

If the PR is still open, you can add the deploy! label to this PR to trigger a feature branch deployment.

@manuelmeister manuelmeister added deploy! Creates a feature branch deployment for this PR and removed deploy! Creates a feature branch deployment for this PR labels Oct 1, 2023
@manuelmeister manuelmeister temporarily deployed to feature-branch October 1, 2023 00:38 — with GitHub Actions Inactive
Copy link
Collaborator

@DeNic0la DeNic0la left a comment

Choose a reason for hiding this comment

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

For the most part, this is a simple change away from the $vuetify.breakpoint to use the clientWidth <= 710 as a check.
variant is a string representation of that check.

I am assuming clientWidth is the with of the component rather than the entire window, which would be nice but maybe I misunderstood something.

@manuelmeister
Copy link
Member Author

@DeNic0la clientWidth is the width of the element.

@manuelmeister manuelmeister temporarily deployed to feature-branch October 1, 2023 07:02 — with GitHub Actions Inactive
@pmattmann pmattmann added this pull request to the merge queue Oct 1, 2023
Merged via the queue into ecamp:devel with commit 255d9dd Oct 1, 2023
28 checks passed
@manuelmeister manuelmeister deleted the improve/material-table-container branch October 1, 2023 08:13
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
deploy! Creates a feature branch deployment for this PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants