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

Better layout for companies logos in the website #3720

Merged

Conversation

pracucci
Copy link
Contributor

What this PR does:
The companies logos layout in the website is not much pretty. I think we should give each logo the same visibility. In this PR I'm proposing to use a fixed size box to include the company logo. I've cropped few logos, trimming transparent pixels, to let them scale nicely within the box.

Before:

Screenshot 2021-01-20 at 13 15 48

After:

Screenshot 2021-01-20 at 13 15 56

Which issue(s) this PR fixes:
N/A

Checklist

  • Tests updated
  • Documentation added
  • CHANGELOG.md updated - the order of entries should be [CHANGE], [FEATURE], [ENHANCEMENT], [BUGFIX]

padding: 10px;
width: 180px;
height: 100px;
border: 1px solid #dedede;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

On your screenshot the border looks like leftover from debugging. Do you plan to keep it?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I wanted to introduce visual boxes. WDYT?

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

As it is now, they are too subtle, and look like forgotten leftover. If you want to keep them, I would suggest using higher contrast. (Personally I would leave them out, I don't think boxes around these logos add anything).

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The box visually helps to give each logo the same weight. I've added a light drop shadow to better emphasis it.

Screenshot 2021-01-21 at 12 53 46

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

That's subtle, but looks better to me. Now it doesn't look like a bug anymore :)

Copy link
Contributor

@gouthamve gouthamve left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

<3

Signed-off-by: Marco Pracucci <marco@pracucci.com>
Signed-off-by: Marco Pracucci <marco@pracucci.com>
@pracucci pracucci force-pushed the improve-companies-logos-layout branch from dd3ec24 to 2dcb317 Compare January 21, 2021 11:54
@pracucci pracucci merged commit 0e26caf into cortexproject:master Jan 21, 2021
@pracucci pracucci deleted the improve-companies-logos-layout branch January 21, 2021 13:16
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

3 participants