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

Feature Request: Color bundle icon (email) #12

Open
vtexperts opened this issue Mar 31, 2020 · 3 comments · May be fixed by #64 or #99
Open

Feature Request: Color bundle icon (email) #12

vtexperts opened this issue Mar 31, 2020 · 3 comments · May be fixed by #64 or #99
Labels
enhancement New feature or request

Comments

@vtexperts
Copy link

Given that Gmail has colors for labels, it might be nice to color the email icon with the same color as the label (if assigned one).
chrome_2020-03-31_13-40-34 1

@teresa-ou teresa-ou added the enhancement New feature or request label Apr 17, 2020
@ahelsley ahelsley linked a pull request Jul 23, 2020 that will close this issue
@atippett
Copy link

atippett commented Aug 6, 2020

To further discussion.. it seems like we're already applying the label color on individual emails, should not the same treatment be applied to the bundles?

Screen Shot 2020-08-06 at 8 41 24 AM

Screen Shot 2020-08-06 at 8 41 32 AM

@tmenier
Copy link

tmenier commented Nov 11, 2020

+1. This would be a fantastic enhancement.

And THANK YOU for creating this! It's improved my email life significantly and even made me just a little less bitter/spiteful about the demise of Inbox. :)

@jzelinskie
Copy link

Continuing the discussion from #64

As for the colored boxes around the bundle names, these boxes look similar to labels, which makes it seem like a secondary component rather than the main text for those rows.

I think we should fully embrace the idea that the bundles are driven by labels by adopting the label's styles in the row.
Here's some strawmen from me:

Screen Shot 2020-12-30 at 1 45 22 AM

Screen Shot 2020-12-30 at 1 45 40 AM

.bundle-and-count {
  background-color: rgb(73, 134, 231);
  color: rgb(255, 255, 255);
  border-radius: 4px;
  padding: 0 4px;
}

.bundle-count {
  font-size: .75rem;
  margin-left: 4px;
  letter-spacing: .3px;
  opacity: 0.75;
}

I only took CSS from other places:

  • labels → colors, border, and padding
  • responses → margin, font size/spacing, then I added opacity to substitute the font color not being relative

@SteveShaffer SteveShaffer linked a pull request Nov 2, 2021 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
5 participants