-
Notifications
You must be signed in to change notification settings - Fork 2
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
324 sidebar overflow #384
324 sidebar overflow #384
Conversation
<a | ||
className="font-bold text-primary" | ||
href={`/app/track/${track.id}`} | ||
> | ||
{track.name} | ||
</a> | ||
</td> | ||
<td> | ||
<td className="truncate max-w-[400px]"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
rather than arbitrarily truncating (which won't work for smaller screen sizes), set a max-w on the div wrappign the entire container.
const danceRecommendations = getDanceRecommendations( | ||
audioFeatures.tempo, | ||
audioFeatures.time_signature | ||
); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Why'd you delete dance recommendations?
See note in #324 (comment) |
Truncated track, album, and artist names so that the sidebar is always visible.