search

zooniverse / front-end-monorepo

A rebuild of the front-end for zooniverse.org
https://www.zooniverse.org
Apache License 2.0
104 stars 29 forks source link

Verified icon gets squashed in narrow window #2816

Closed adammcmaster closed 2 years ago

adammcmaster commented 2 years ago

Package

??

Describe the bug

If the browser window is narrow, but not small enough to actually change the layout, the tick icon gets squashed so it's no longer a circle.

To Reproduce

Steps to reproduce the behavior:

  1. Go to e.g. Black Hole Hunters
  2. Click on resize the browser window

Expected behavior

The icon should have the same shape regardless of the width of the window.

Screenshots

Screenshot 2022-02-10 135623

Device information

Desktop (please complete the following information):

eatyourgreens commented 2 years ago

The navigation links also get squashed, in that the clickable region is shorter than the displayed word. https://github.com/zooniverse/front-end-monorepo/issues/2219

MaysaB commented 2 years ago

Fixed by #3447