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

Refactor CSS files in src/screens/Requests #2525

Open
AVtheking opened this issue Nov 30, 2024 · 12 comments
Open

Refactor CSS files in src/screens/Requests #2525

AVtheking opened this issue Nov 30, 2024 · 12 comments
Assignees
Labels
feature request good first issue Good for newcomers refactor Refactor the code to improve its quality ui/ux issue related and being worked with the figma file of the Admin UI

Comments

@AVtheking
Copy link
Contributor

Refactor CSS files in src/screens/Requests

To improve the UI/UX of Talawa-Admin we have been working on:

  1. making the application more suitable to color blind users
  2. streamlining all CSS into a single global file

Additional information:

  1. The foundational work for this was completed in this PR:
  2. The desired single CSS file is:
    • src/style/app.module.css

The challenge:

The goal is to convert the CSS file in this subdirectory and all the components related to this screen to use this new design pattern. This means that:

  1. All CSS files in this subdirectory and all the CSS files in related components must be merged into the global CSS file using pre-existing CSS.
  2. All CSS files in this subdirectory and all the CSS files in related components must be deleted after the merge.
  3. The remaining relevant files in this subdirectory must only reference the global CSS file.
  4. All the CSS files in the related components of this subdirectory must adhere to the same guidelines.
@Gannu456
Copy link

Gannu456 commented Dec 1, 2024

Please assign this issue to me, i want to work on it.

Copy link

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

@github-actions github-actions bot added the no-issue-activity No issue activity label Dec 12, 2024
@palisadoes
Copy link
Contributor

Unassigning. Inactivity

@manshi19chauhan
Copy link

@palisadoes can i work on the issue?

@palisadoes
Copy link
Contributor

With this issue we are migrating from the previous green based color scheme where the #31bb6b color was used for many elements to one using a color scheme similar to that of Gmail.

This makes the app more usable for people with red/green color blindness

When making your changes, make the effort to use pre-existing colors in the src/style/app.module.css file.

@khushipatil1523
Copy link
Contributor

@palisadoes Thank you for the update. I understand the goal of this migration is to improve usability for individuals with red/green color blindness. I’ll make the necessary changes to replace the #31bb6b green color with the Gmail-inspired color scheme. I’ll ensure that the new colors are chosen from the pre-existing colors in src/style/app.module.css to maintain consistency across the application.

Copy link

github-actions bot commented Jan 6, 2025

This issue did not get any activity in the past 10 days and will be closed in 180 days if no update occurs. Please check if the develop branch has fixed it and report again or close the issue.

@github-actions github-actions bot added the no-issue-activity No issue activity label Jan 6, 2025
@Cioppolo14
Copy link
Contributor

Unassigning due to inactivity and/or no submitted PR. Others need to get a chance. Please let us know whether you want to be reassigned before someone else requests assignment or select another issue.

@github-actions github-actions bot removed the no-issue-activity No issue activity label Jan 7, 2025
@kajal-jotwani
Copy link

hey @Cioppolo14 I would love to work on this issue can you please assign it to me!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
feature request good first issue Good for newcomers refactor Refactor the code to improve its quality ui/ux issue related and being worked with the figma file of the Admin UI
Projects
Status: Backlog
Status: Backlog
Development

No branches or pull requests

8 participants