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

Align inline buttons on FilteredDeviceListHeader on Sessions user settings tab #11067

Closed
wants to merge 1 commit into from
Closed

Conversation

luixxiul
Copy link
Contributor

@luixxiul luixxiul commented Jun 8, 2023

Fixes element-hq/element-web#25545

Regressed by https://github.com/matrix-org/matrix-react-sdk/pull/10972/files#diff-0c6139dd8fb5707cd9ac7874d270d5a8df772679956e2f6e43f11a45494cf3e2R36-R39 (#10972)

Before:
0

After:
1

.mx_SettingsTab .mx_AccessibleButton is a very broad selector and matches buttons on every settings tab. This PR intends to fix the issue by limiting the selector to have it match the buttons on General user settings tab which #10972 addressed. Since the selector mx_GeneralUserSettingsTab has been deprecated, mx_tabpanel_USER_GENERAL_TAB is used instead.

It is technically possible to "fix" the issue by overriding the values with or without !important flag, but obviously it is the default values that should be modified, so that declarations for overriding them are not required in the first place.

This fix is rather temporary. Later, a component can be created for buttons on SettingsTab if needed, to normalize how the buttons are rendered there.

Signed-off-by: Suguru Hirahara luixxiul@users.noreply.github.com

type: defect

Checklist

  • Tests written for new code (and old code if feasible)
  • Linter and other CI checks pass
  • Sign-off given on the changes (see CONTRIBUTING.md)

Here's what your changelog entry will look like:

🐛 Bug Fixes

@github-actions github-actions bot added Z-Community-PR Issue is solved by a community member's PR T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems labels Jun 8, 2023
…ettings tab only

In order to avoid those values from being applied to the inline buttons on mx_FilteredDeviceListHeader
@luixxiul luixxiul marked this pull request as ready for review June 9, 2023 02:53
@luixxiul luixxiul requested a review from a team as a code owner June 9, 2023 02:53
Copy link
Contributor

@kerryarchibald kerryarchibald left a comment

Choose a reason for hiding this comment

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

Thanks for working on this.

However this change causes buttons elsewhere to display incorrectly, like here in Room settings:
Screenshot 2023-06-09 at 16 08 19

@luixxiul
Copy link
Contributor Author

luixxiul commented Jun 9, 2023

closing in favor of another proper solution

@luixxiul luixxiul closed this Jun 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
T-Defect Bugs, crashes, hangs, vulnerabilities, or other reported problems Z-Community-PR Issue is solved by a community member's PR
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Sessions manager's inline action buttons are not aligned
2 participants