Skip to content

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
    • Help
    • Support
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
funkwhale
funkwhale
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
    • Cycle Analytics
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
    • Charts
  • Issues 101
    • Issues 101
    • List
    • Boards
    • Labels
    • Milestones
  • Merge Requests 4
    • Merge Requests 4
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
    • Charts
  • Packages
    • Packages
    • Container Registry
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Charts
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • funkwhale
  • funkwhalefunkwhale
  • Issues
  • #694

Closed
Open
Opened Feb 04, 2019 by interfect@interfect
  • Report abuse
  • New issue
Report abuse New issue

Album cards are too narrow between 1024 px and ~1700 px window width

Steps to reproduce

  1. Go to an artist that has 3 or more albums.

  2. Resize your browser to be just over 1024 px wide.

What happens?

At 1024 px of window width, the left sidebar comes in and the actual page content gets narrower. But if the page width is just over that threshold, the cards in the page body are way too narrow. The text overlaps with the play buttons, the track names are severely truncated, and the heart icon to add a track to favorites is cut off or completely hidden. I have to bring the page width all the way up to ~1718 px before the ring around the heart on a favorite track stops getting cut off by the card's padding.

The over-narrowness negatively affects some other pages, but is most noticeable in the card views, like on an artist page.

Here's a screenshot at just a bit above 1024 px width:

Screenshot_from_2019-02-03_17-38-20

It's not quite this bad when I use Funkwhale maximized on my non-widescreen machine, but the hearts are still noticeably overlapped with the white space around the inside of the card border, for example. The actual width of the desktop on that machine, after carving out space for the Gnome dock, is in this weird zone between 1024 and 1718 px.

What is expected?

When the left sidebar comes in, it should cut down the number of cards that are displayed per row, so the cards stay sufficiently wide.

Context

Funkwhale version(s) affected: 0.18

I'm browsing in Firefox; Chrome might handle things differently.

Assignee
Assign to
0.18.2
Milestone
0.18.2
Assign milestone
Time tracking
None
Due date
None
3
Labels
Area: Frontend Type: Bug Type: UX/UI
Assign labels
  • View project labels
Reference: funkwhale/funkwhale#694