openverse-frontend icon indicating copy to clipboard operation
openverse-frontend copied to clipboard

Different components in storybook and the staging site (audio box)

Open fcoveram opened this issue 3 years ago • 2 comments

Description

While reviewing the components in storybook, I noticed a different version of the audio box small and the search bar on the staging site. I did not check all components but it might happen with other components too

Reproduction

  1. Open the small version of the audio box.
  2. Open the all content results of the staging site on a small device.
  3. Notice the difference by interacting with the component

Screenshots

Storybook Staging site

Resolution

  • [ ] 🙋 I would be interested in resolving this bug.

fcoveram avatar Jul 11 '22 19:07 fcoveram

@panchovm To be specific on how to fix this, the audio box small component should look the same as on the desktop, right? Here is a GIF. CleanShot 2022-07-25 at 17 00 17

krysal avatar Jul 25 '22 21:07 krysal

Neither as on storybook nor as on staging. Here you can see the Figma component, the smallest box versions. In hover and focus states, the element shows the CC license icons only.

fcoveram avatar Aug 05 '22 18:08 fcoveram