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

dev/user-interface#26 Use font-awesome icons for contact types and recent items #23094

Merged
merged 4 commits into from
Apr 5, 2022

Conversation

colemanw
Copy link
Member

@colemanw colemanw commented Apr 3, 2022

Overview

Display font-awesome icons instead of the old image gifs in the UI.

See dev/user-interface#26

Before

  1. Contact type represented as gawdy gif.
    image

  2. Recent items sidebar uses gawdy gifs.
    image

After

  1. Contact type represented as a font-awesome icon.
    image

  2. Recent items sidebar updated to use font-awesome icons unless a contact sub-type still has image_URL set. Activity type icons are also used if available.
    image

  3. When editing a contact type, there is a new icon picker for selecting an icon. The image_URL field only appears if it contains a value, along with a deprecation warning. Otherwise the old field is hidden to prevent confusion.
    image

  4. System status check added to prompt admins to pick icons for their contact types instead of images:
    image

Technical Details

Uses the new ContactType icon column added in #23073 and the (relatively new) $_icon metadata in each DAO.

@civibot
Copy link

civibot bot commented Apr 3, 2022

(Standard links)

@civibot civibot bot added the master label Apr 3, 2022
colemanw added a commit to civicrm/org.civicrm.recentmenu that referenced this pull request Apr 3, 2022
CiviCRM core now supplies an 'icon' for each recent item, so there's no-longer
a need to maintain a separate entity/icon list in this extension.

See civicrm/civicrm-core#23094
@eileenmcnaughton
Copy link
Contributor

image

@colemanw colemanw force-pushed the contactTypeIconUI branch from 3ba62ab to 78a4bac Compare April 3, 2022 23:39
colemanw added 3 commits April 3, 2022 21:33
This is an intermediary step toward removing the image_URL field.
The UI now uses css-based icons when available, and only falls back to image_URL when
an icon hasn't been set for a given sub-type.

Fixes dev/user-interface#26
@colemanw colemanw force-pushed the contactTypeIconUI branch 2 times, most recently from 8a51561 to 49c63a6 Compare April 4, 2022 15:13
@samuelsov
Copy link
Contributor

Awesome! Reviewed and tested. All good to me.

@colemanw colemanw added the merge ready PR will be merged after a few days if there are no objections label Apr 4, 2022
@colemanw
Copy link
Member Author

colemanw commented Apr 4, 2022

Thanks @samuelsov - having you test & review PRs is super helpful.

@colemanw colemanw force-pushed the contactTypeIconUI branch from 49c63a6 to 3af57cd Compare April 5, 2022 00:49
@colemanw colemanw merged commit 77b2699 into civicrm:master Apr 5, 2022
@colemanw colemanw deleted the contactTypeIconUI branch April 5, 2022 18:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
master merge ready PR will be merged after a few days if there are no objections
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants