qiskit.org: Bug: App Card labels overlap title

Steps to reproduce the problem

  1. Go to the Ecosystem page
  2. Scroll down to the bottom and find QuantumCircuits.jl
  3. On desktop, see how the labels almost collide with the title

What is the current behavior?

On desktop, see how the labels almost collide with the title

What is the expected behavior?

It’d be an improvement if the title showed fully, with spacing, while the labels wrapped to the next line

Screenshots

Screen Shot 2022-10-19 at 8 01 30 AM

Browser

desktop

Additional information

Initially seen on LinkedIn Screen Shot 2022-10-19 at 7 57 08 AM

About this issue

  • Original URL
  • State: closed
  • Created 2 years ago
  • Comments: 19 (18 by maintainers)

Most upvoted comments

agreed about limiting the top right corner. that feels like the right move.

Good to know. then I’m on board with the first proposal of visually different cards.

Is there a chance that there will be multiple of those tags and a long title, and so we end up with the same problem again?

I think is confusing having all the tags with the same style and together when the filter is only related with one of the tags… 😕

that’s it!! 😄

Okay this is the last time I’m trying this 😅

Screenshot 2023-05-12 at 6 47 19 AM

I suggested the colors in reverse 😅 , the main label (the one on the corner) on dark purple and the rest on the row in light purple

I think Community should be a tag to follow the design with the rest of the cards on Events and Advocates

My proposal suggested the labels in reverse: Community on the top right corner (Community is one of the filters on the left sidebar) and the rest on the second line.

how about on desktop or LG breakpoints and up? mine is showing this:

Screenshot 2023-04-14 at 8 49 59 AM (2)