Some icons are half cut in mobile view

Forum & Website
1

Look at the emoji smile face in red circle:

2

The emoji icon didn’t fit so it is partly drawn, nothing unusual. Use your browser in landscape mode ie. rotate your phone by 90 degrees so you have longer horizontal space.

3

It’s website issue that doesn’t reflow correctly. Clicking on the 3 dots (…) converts the post action from one line to two:

4

I cannot reproduce it, on my phone the forum looks like this:

Screenshot_20220831-201523

5

Go to this post, click on the smiley face and add a reaction, then click on the 3 dots.

6

Screenshot_20220831-230301

7

Here is a screen recording adding some reactions to the post and see how it looks like on the iPhone X with web browser Firefox:

The first picture is from a Samsung android phone.

8

This is on the iPhone X with Google Chrome:

9

Same with Safari.

10

You are talking about a post with quite some emojis in it, a phone screen is limited. Also the emoji button we are talking about, retort, isn’t an official Discourse plugin, it has some quirks in its layout.
This is something we cannot change and it is up to the maintainers to go with the upstream updates Discourse is providing.
The last commit was 14 months ago.

1 Like
11

I know just reporting the issue. Just don’t say that the issue does not exist.

12

As I said before, I couldn’t reproduce it because I didn’t take the steps you described later. I didn’t say it didn’t exist, not reproducing an issue and denying it exists are two separate things!

13

I can’t reproduce that neither. Perhaps some display settings on the iPhone x. I use android pixel 6.

Screenshot_20220901-004332

14

The OP is referring to a post with a lot of retort, the emoji selector on the bottom, emoji reactions in it. In that case screen real estate becomes an issue.
Retort hasn’t been worked for over a year, so I think that project is dead, for now.

1 Like
15

Also can compare pixel vs iPhone, I think mine is wider. Maybe the same problem with OP Samsung.

markup_8818

1 Like
16

The viewport size of my Samsung device is 360x760:

Screen resolution is 3040x1440, but I don’t think that’s suitable for mobile view:

If I switch to desktop view keeps same viewport size.

Will post later on my iPhone’s one…

17

Here are the viewport sizes for the iPhones, no need to take any screenshot:

18

I wonder if you have changed some setting in your forum profile settings, or are you using the endeavouros app?

19

There’s an app?

20

I can tell you what worked for me, what i did was this increased the size of individual app icons. However, there’s an indirect method that affects not just app icons but also the overall text and interface element size on your device. Here’s how:-

  1. Open the Settings app on your iPhone.
  2. Scroll down and tap on Display & Brightness.
  3. At the bottom of the screen, you’ll find the Display Zoom option. Tap on it.
  4. You’ll see two options: Standard (default) and Larger Text.
  5. Selecting Larger Text will increase the size of text and interface elements, including app icons, making them appear larger.
  6. Tap Done in the top right corner.
  7. You’ll then be prompted to choose Use Zoomed to confirm the change. This will require a brief restart of your device. More details instruction below.
    https://www.youtube.com/watch?v=45-Xc1cypeI&ab_channel=TheGeekPage
1 Like