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: Manage members layout is broken #3058

Merged
merged 2 commits into from
Dec 5, 2023

Conversation

novakzaballa
Copy link
Contributor

Thanks for submitting a PR! Please check the boxes below:

  • I have run pre-commit to check linting
  • I have filled in the "Changes" section below?
  • I have filled in the "How did you test this code" section below?
  • I have used a Conventional Commit title for this Pull Request

Changes

  • Manage members layout is fixed

Before:
Screen Shot 2023-11-28 at 14 53 43

Now:
Screen Shot 2023-11-28 at 14 45 48

How did you test this code?

  • Go to manage -> Members -> Members

Copy link

vercel bot commented Nov 28, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
docs ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 1, 2023 1:32pm
flagsmith-frontend-preview ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 1, 2023 1:32pm
flagsmith-frontend-staging ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 1, 2023 1:32pm

@github-actions github-actions bot added the front-end Issue related to the React Front End Dashboard label Nov 28, 2023
@novakzaballa novakzaballa linked an issue Nov 28, 2023 that may be closed by this pull request
@novakzaballa novakzaballa requested review from a team and kyle-ssg and removed request for a team November 28, 2023 18:58
Copy link
Contributor

github-actions bot commented Nov 28, 2023

Uffizzi Preview deployment-41669 was deleted.

@@ -26,7 +26,7 @@ import PageTitle from 'components/PageTitle'
import { getStore } from 'common/store'
import { getRoles } from 'common/services/useRole'

const widths = [450, 150, 100]
const widths = [450, 150, 100, 250, 235, 255]
Copy link
Contributor

Choose a reason for hiding this comment

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

I'd quite like to understand why we define these widths here rather than just directly in the style objects below.

It also would make sense to my somewhat picky brain if these were ordered, either smallest to largest or largest to smallest, I'm not that fussy!

Copy link
Contributor Author

Choose a reason for hiding this comment

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

It seems that initially this array was used to give sizes to the panelSearch component, as I worked on that component I added those values ​​to the array.

Re-ordered.

@matthewelwell
Copy link
Contributor

I have tested this via the preview and it looks good to me, but I've added a comment on the implementation.

@novakzaballa novakzaballa added this pull request to the merge queue Dec 5, 2023
Merged via the queue into main with commit d129397 Dec 5, 2023
18 checks passed
@novakzaballa novakzaballa deleted the fix/manage-members-layout-is-broken branch December 5, 2023 13:37
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
front-end Issue related to the React Front End Dashboard
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Manage members layout is broken
2 participants