tdm-calculator icon indicating copy to clipboard operation
tdm-calculator copied to clipboard

Published 20 hours ago • verified publisher icon hackforla

Updating all the Icons based on the Style Guid

Open Parisajf opened this issue 1 year ago • 1 comments

Dependency

  • #1682

Overview

We need to update all the icons all over the website to be consistent also based on the style Guid

Action Items

Check all the icons and make sure they are consistent with the Style Guide and getting the icons from Material Icons

Resources/Instructions

Style Guide Material Icons

Parisajf avatar May 02 '24 01:05 Parisajf

It looks like the dependency is satisfied, please review and:

  • determine if this is ready for prioritization. If it is, add the ready for prioritization label.
  • If you are still drafting this issue, add a draft label.
  • If you have a question, for another lead, add the appropriate ready for label (ready for product, ready for dev lead, ready for research lead, ready for design lead).

Then remove the ready for design lead label.

ExperimentsInHonesty avatar Sep 06 '24 21:09 ExperimentsInHonesty

revise the issue @NilakshiS

maulieshah avatar Sep 19 '24 02:09 maulieshah

The images on the site from font awesome

ExperimentsInHonesty avatar Sep 19 '24 04:09 ExperimentsInHonesty

Here is a list of pages where replacements are required:

  1. Use Warning icon in Material Design instead of warning-icon.png
    • client/src/components/Faq/DeleteFaqModal.jsx
    • client/src/components/Layout/NavBarToolTip.js
    • client/src/components/ProjectWizard/WizardPages/Level0Page.jsx
    • client/src/components/ProjectWizard/NavConfirmDialog.js
    • client/src/components/Projects/DeleteProjectModal.js
    • client/src/components/Faq/SaveConfirmationModal.jsx
  2. Use Search icon in Material Design instead of search.png
    • client/src/components/Projects/ColumnHeaderPopups/MultiSelectText.js
    • client/src/components/Projects/ProjectsPage.js
    • client/src/components/Projects/ColumnHeaderPopups/TextPopup.js
  3. Use Close icon in Material Design instead of Font Awesome close icon
    • client/src/components/Checklist/ChecklistModal.js
    • client/src/components/UI/AriaModal/ModalDialog.js

NilakshiS avatar Sep 21 '24 05:09 NilakshiS

  • Created development issue #1880

entrotech avatar Sep 26 '24 20:09 entrotech

  • Created development Issue #1880

entrotech avatar Oct 02 '24 22:10 entrotech