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

Issue #721 fix - Inconsistent thumbnail sizes #744

Merged
merged 1 commit into from
Nov 15, 2017
Merged

Issue #721 fix - Inconsistent thumbnail sizes #744

merged 1 commit into from
Nov 15, 2017

Conversation

akinwale
Copy link
Contributor

Fix for long channel names resulting in the inconsistent thumbnail sizes.

@@ -1,4 +1,12 @@

.channel-name {
width: calc(var(--card-small-width) * 2 / 3);
Copy link

Choose a reason for hiding this comment

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

Is this needed? I think it should be fine with just the nowrap and ellipsis. If it's extending to the edge, we should add a padding to the card.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Without specifying the width, long text will push the price indicator to the next line. I suppose we could simplify this using a percentage width instead of the calculation. 60% or 70% should be fine.

Copy link

Choose a reason for hiding this comment

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

Gotcha. This should be fine for now, we will be moving to the new design sometime soon.

Copy link
Member

Choose a reason for hiding this comment

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

(Proper solution is probably a flex layout rather than calc, but not demanding propriety. Especially since we're likely to redesign soon anyway.)

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.

3 participants