Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

Configure export column widths conditionally #330

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

Merged
merged 1 commit into from
May 21, 2025
Merged

Conversation

dimodi
Copy link
Contributor

@dimodi dimodi commented May 21, 2025

No description provided.

@dimodi dimodi requested review from a team and Copilot May 21, 2025 14:23
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR conditionally sets export column widths for a financial dashboard based on screen size.

  • In Transactions.razor, the Merchant column width is applied only when the screen is medium or large.
  • In Overview.razor, additional adjustments are made: Category and PaymentMethodId columns are set conditionally for large screens, while Merchant and Status retain fixed widths.

Reviewed Changes

Copilot reviewed 2 out of 2 changed files in this pull request and generated 1 comment.

File Description
sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/Components/Pages/Transactions.razor Merchant column width now conditionally set based on IsMediumOrLargeScreen
sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/Components/Pages/Overview.razor Category and PaymentMethodId widths set conditionally based on IsLargeScreen; Merchant and Status widths remain fixed
Comments suppressed due to low confidence (1)

sample-applications/blazor-financial-dashboard/BlazorFinancialDashboard/Components/Pages/Overview.razor:201

  • [nitpick] Ensure that using 'IsLargeScreen' (instead of a medium/large check as in Transactions.razor) for setting widths of Transaction.Category and Transaction.PaymentMethodId is intentional and aligns with the responsive design requirements.
if (IsLargeScreen)

@@ -206,13 +206,21 @@
{
args.Columns.First(x => x.Field == nameof(Transaction.Date)).Width = "180px";
args.Columns.First(x => x.Field == nameof(Transaction.Amount)).Width = "100px";
if (IsMediumOrLargeScreen)
Copy link
Preview

Copilot AI May 21, 2025

Choose a reason for hiding this comment

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

Clarify the behavior for Transaction.Merchant column on small screens. If a fallback width is intended for non-medium/large screens, consider defining an else clause.

Copilot uses AI. Check for mistakes.

Positive FeedbackNegative Feedback
@radkostanev radkostanev merged commit 5febb45 into master May 21, 2025
@radkostanev radkostanev deleted the fin-export-config branch May 21, 2025 14:27
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.

2 participants
Morty Proxy This is a proxified and sanitized view of the page, visit original site.