Few minor issue with dropdowns

UX
1

Hello,

I notice some minor align issue with dropdowns.

  1. On the user page the user notification dropdown header.
    Screenshot 2021-08-28 at 15.06.50

  2. Same place but the dropdown and only on mobile.

    Screenshot_20210828_152228
    Screenshot_20210828_1522281080×649 91.5 KB

  3. On mobile the dropdown position not correct on few place.

  4. Top pages dropdown arrow position on Safari
    Screenshot 2021-08-30 at 20.21.47

  5. Top pages after click on hover

8 Likes
4

We just merged a fix here

This covers everything except

I think this has to do with popper @joffreyjaffeux? not sure how to approach that

7 Likes
5

I can’t repro this. On what device do you repro this? This is in safari or DiscourseHUB? (I can’t repro on any of them FWIW).

6

This is on Android 10 Chrome 92.0.4515.166

1 Like
7

I have only Chrome 91 available, but no repro on Android 10/11 so far.

Capture d’écran 2021-08-31 à 21.27.40
Capture d’écran 2021-08-31 à 21.27.40762×726 96.9 KB

2 Likes
8

Ahh ok I found it I think. It cause the phone Display size settings. I use it on small size. Now I set it to default and works fine. This is happening on Small Display Size only.

Screenshot_20210831_214331_com.android.settings
Screenshot_20210831_214331_com.android.settings1080×2240 140 KB

1 Like
9

Ok I see, we can repro, will have a look, but it’s going to be low priority.

2 Likes
10

Hello,

The last issue with dropdown (what I reported before) has been fixed now. :arrow_down: :clap:

I believe the fix in @pmusaraj huge commit: UX: Normalize sizing for inputs, buttons, dropdowns (#14226) · discourse/discourse@24e71ac · GitHub

Thank you for everyone! :heart:

1 Like