Search minicon

[nataliafitzgerald]

There is an inconsistency in the styling of the search minicon throughout our product offerings when compared with what is in the minicon library. The difference in styling is specific to the length of the handle. In our font the handle is longer. In all use cases I can find (from a quick scan) we are using a search minicon with a shorter handle.

I propose that we update our search minicon to reflect the version with the shorter handle. This will work better for actual use cases as the longer handle means we have to make the minicon smaller (i.e. it just doesn't fit as well in the types of spaces where we will use this minicon).

Search (minicon font)

use cases

intranet

consumerfinance.gov refresh

responsive intranet mock-up

consumerfinance.gov (current site)

Adding
@Dnpizarro
@duelj

[Dnpizarro]

This is most likely an outdated minicon that slipped through the cracks. @duelj if you could send me the short handle version then I can make the update.

[Dnpizarro]

@Scotchester and @himedlooff how are you guys using the search icon on cf.gov? Seems like it might be a .png since its not being pulled from the minicon font.

[himedlooff]

I don't think we've used it yet but if we did it would be using whatever the icon font is using.

[Scotchester]

If you're referring to the live consumerfinance.gov, neither of us coded that :) But yeah, it's using a PNG background image.

[nataliafitzgerald]

I did just look through the Flapjack design files on Github and noticed that on the events page for mobile, the longer handle version is being used and on the events page for desktop the shorter handle version is being used. Regardless of inconsistency, I am still in support of the shorter handle.

[stephanieosan]

👍 for the shorter handle to be used everywhere!

[Dnpizarro]

This should be updated in the next couple of days. I'll post an update with a link to the new font soon.

[Dnpizarro]

Search minicon was added to the font. An email was sent out to the group about accessing the updated .ttf file on the drive.