Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Conversation

versile2
Copy link
Contributor

Description

Resolves #10665 by conditionally showing an icon depending if RTL is true or false

Screenshot 2025-01-28 101311
Screenshot 2025-01-28 101326

How Has This Been Tested?

Visually

Type of Changes

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Documentation (fix or improvement to the website or code docs)

Checklist

  • The PR is submitted to the correct branch (dev).
  • My code follows the code style of this project.
  • I've added relevant tests.

@github-actions github-actions bot added bug Unexpected behavior or functionality not working as intended PR: needs review labels Jan 28, 2025
Copy link

codecov bot commented Jan 28, 2025

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 91.83%. Comparing base (c4cb9af) to head (33ac98e).
Report is 6 commits behind head on dev.

Additional details and impacted files
@@           Coverage Diff           @@
##              dev   #10743   +/-   ##
=======================================
  Coverage   91.83%   91.83%           
=======================================
  Files         427      427           
  Lines       13425    13428    +3     
  Branches     2589     2591    +2     
=======================================
+ Hits        12329    12332    +3     
  Misses        523      523           
  Partials      573      573           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

Copy link
Member

@danielchalmers danielchalmers left a comment

Choose a reason for hiding this comment

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

Nice implementation.

I think @henon wanted to see this on nested context menus as well if you're willing to take a look. Though I'm not sure how the origin point is supposed to work in RTL

@versile2
Copy link
Contributor Author

Nice implementation.

I think @henon wanted to see this on nested context menus as well if you're willing to take a look. Though I'm not sure how the origin point is supposed to work in RTL

Yeah I'll take a look soon probably won't take long. As for the origin point I don't think it matters since they can change it on their own and any change we make could be a breaking change in some cases.

@danielchalmers danielchalmers requested a review from henon January 28, 2025 21:59
@henon
Copy link
Collaborator

henon commented Jan 29, 2025

It looks like the width of the gap is different in RTL
image

Ideally it should be the same, I think

@versile2
Copy link
Contributor Author

It looks like the width of the gap is different in RTL

Ideally it should be the same, I think

nice catch. Fixed now.

Screenshot 2025-01-29 153756
Screenshot 2025-01-29 153812

@danielchalmers
Copy link
Member

They should both have the reduced margin of the original pic, not the increased margin, no?

@versile2
Copy link
Contributor Author

The previous style was
margin: -12px -2px -12px -12px

I just matched left margin with right margin so the new style is

margin: -12px -2px -12px -2px;

I did look at the -12px style on both sides and it didn't look right to me, just too close but this matches what LTR is for RTL and they can adjust margins with their text as they see fit?

@versile2
Copy link
Contributor Author

You were right, looks better.

Screenshot 2025-01-29 162105
Screenshot 2025-01-29 162116

Copy link

@henon henon changed the title Add RTL DataGrid Grouping Icon MudDataGrid: Grouping Icon RTL Support Jan 30, 2025
@henon henon merged commit 52e7b7c into MudBlazor:dev Jan 30, 2025
6 checks passed
@henon
Copy link
Collaborator

henon commented Jan 30, 2025

Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Unexpected behavior or functionality not working as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

in RTL mode ,DataGrid collapse icon is reverse
4 participants