Project

General

Profile

Support #11496

Replace Twitter Icon on Member Portfolio page

Added by scott voth 5 months ago. Updated 4 months ago.

Status:
New
Priority name:
Normal
Assignee:
Category name:
Public Portfolio
Target version:
Start date:
2019-05-29
Due date:
% Done:

0%

Estimated time:

Description

A member noticed that the twitter icon used on the member portfolio page is out of date. Is it possible to switch to the new one? https://about.twitter.com/en_us/company/brand-resources.html
(The old twitter logo looks a bit like the current tumblr icon to him.)

Screenshot_2019-05-29_10-01-17.png (18.1 KB) Screenshot_2019-05-29_10-01-17.png 16px (like current icon) Boone Gorges, 2019-05-29 11:03 AM
Screenshot_2019-05-29_10-04-45.png (24.3 KB) Screenshot_2019-05-29_10-04-45.png 24px (larger) Boone Gorges, 2019-05-29 11:05 AM
Screenshot_2019-05-29_10-10-53.png (73.8 KB) Screenshot_2019-05-29_10-10-53.png portfolio Boone Gorges, 2019-05-29 11:11 AM
11496-nav-bar-icons.jpg (134 KB) 11496-nav-bar-icons.jpg simple social icons in header nav bar Sonja Leix, 2019-06-04 01:08 AM
social-icon-rss-simple.svg (711 Bytes) social-icon-rss-simple.svg RSS icon simple Sonja Leix, 2019-06-05 07:20 PM
social-icon-twitter-simple.svg (736 Bytes) social-icon-twitter-simple.svg Twitter icon simple Sonja Leix, 2019-06-05 07:20 PM
Screenshot_2019-06-06_14-27-28.png (29.8 KB) Screenshot_2019-06-06_14-27-28.png Boone Gorges, 2019-06-06 10:29 AM

History

#1 Updated by Boone Gorges 5 months ago

Good call. Here's the change for the portfolio: https://github.com/cuny-academic-commons/cac/commit/3523efca7616eeb3e960d863700d54e39da023c9

We also use the old logo in the main site nav (to the far right, by the RSS icon). I've made a change locally to see what the new logo looks like. It's pretty small and hard to read. Maybe Sonja could have a quick look at the screenshot to see if it reads properly. I've also attached a screenshot of another version where I increase the size of the icons to take up more of the vertical space in the menu area - this would be an alternative that's easy to implement.

#2 Updated by Sonja Leix 4 months ago

Boone Gorges wrote:

Good call. Here's the change for the portfolio: https://github.com/cuny-academic-commons/cac/commit/3523efca7616eeb3e960d863700d54e39da023c9

We also use the old logo in the main site nav (to the far right, by the RSS icon). I've made a change locally to see what the new logo looks like. It's pretty small and hard to read. Maybe Sonja could have a quick look at the screenshot to see if it reads properly. I've also attached a screenshot of another version where I increase the size of the icons to take up more of the vertical space in the menu area - this would be an alternative that's easy to implement.

Hi Boone, thanks for sharing the screenshots. The footer icons are looking good as they are. For the header, I would either go with the larger size, as the current icon size is quite small. Or alternatively maybe we'll just use the icons on it's own, not inside a button. See attached mockup.

#3 Updated by Boone Gorges 4 months ago

The non-button links look good to me. Sonja, can you please provide the images?

#4 Updated by Sonja Leix 4 months ago

Boone Gorges wrote:

The non-button links look good to me. Sonja, can you please provide the images?

Great! Please find attached the SVGs for both icons. I would recommend to implement these icons in white on default, and use the original brand colors on hover:
Twitter: #1da1f2
RSS: #dd7d37

Thanks.

#5 Updated by Boone Gorges 4 months ago

Thanks, Sonja! I've attached a screenshot that shows the padding/positioning I chose - I tried to make it roughly match what we have now, with some tweaks to allow for breathing room. Let me know if this gets your OK. https://github.com/cuny-academic-commons/cac/commit/81f29c765a8c164536b4db5ed944dbb080173f5c

#6 Updated by Sonja Leix 4 months ago

Boone Gorges wrote:

Thanks, Sonja! I've attached a screenshot that shows the padding/positioning I chose - I tried to make it roughly match what we have now, with some tweaks to allow for breathing room. Let me know if this gets your OK. https://github.com/cuny-academic-commons/cac/commit/81f29c765a8c164536b4db5ed944dbb080173f5c

Yes that works for me. You could even add a little more padding between the two icons. But otherwise good to go.

Also available in: Atom PDF