Avatar upload on mobile: popup and avatar size

  • Resolved nicolasluoang

    (@nicolasluoang)


    6 years, 11 months ago

    Hi!

    1.
    When I upload a new avatar from my mobile phone, the pop-up widows is too big for my phone screen and it’s not convenient to find the “ok” button.
    Is it possible to have the pop-up widows more responsive?

    2.
    Where the avatars are uploaded? Are they resized to speed up page load?

    3.
    On mobile view, the camera icon doesn’t respond, but it is not important as the upload icon gives the possibility to choose a picture from the albums or to use the camera. I think you can disable the camera icon on mobile view, will make the screen clearer.

    Best regards

Viewing 6 replies - 1 through 6 (of 6 total)
  • Vova Druzhaev

    (@otshelnik-fm)

    6 years, 11 months ago

    Hi.
    1. Give us the version of your browser and its name, and show a screenshot of the problem

    2. https://yadi.sk/i/8lOe5RFs3Voug6 . Size adjustable via css

    3. Thanks for the report.
    You can hide the camera icon through styles:

    @media screen and (max-width:768px) {
    .rcl-avatar-icon.icon-webcam-upload {
        display: none;
    }
}
    Thread Starter nicolasluoang

    (@nicolasluoang)

    6 years, 11 months ago

    Hi!
    Browser is MI Browser v.9.6.1 (Xiaomi mobile phone)
    Here is the screenshot: https://i.gyazo.com/74419fb06b12eb6e215ba4cde50dfcc7.jpg
    As you can see, the pop-up window is too big and I can’t access the “ok” button.

    The CSS code works well, thank you very much!

    Vova Druzhaev

    (@otshelnik-fm)

    6 years, 11 months ago

    “Ok” button is available on the vertical scroll – see gif image:
    https://giphy.com/gifs/1qj7jwHFnZswuMxJQi

    Or do you have this button hidden from the right behind the screen?
    Check in Chrome browser repeats bug?

    p.s. Sorry for my bad english

    Thread Starter nicolasluoang

    (@nicolasluoang)

    6 years, 11 months ago

    I’ve tried also with QQ browser, which is one of the most used browser in China,and there is the same problem:
    The image height is to big for the mobile phone screen, so I need to scroll down to see the button. But the problem is: to scroll down, I have to touch the screen, and when I touch the screen, it activates the zone selector, so I can’t scroll down.
    https://i.gyazo.com/2816eebb60845916339da0ad887ba22d.jpg

    It would be good if there were an automatic resize to a maximum height to display the full picture in the screen.

    ps: no worries, I’m not english native speaker neither.

    Vova Druzhaev

    (@otshelnik-fm)

    6 years, 11 months ago

    Try these styles:

    @media screen and (max-width:480px) {
    .ssi-modalOuter.rcl-hand-uploader.normalModal #ssi-modalContent {
        max-height: calc(100vh - 130px);
        overflow: hidden;
    }
}

    max-width:480px – select experimentally – based on the width of your browser.

    The image will of course be trimmed in height. Do not activate the image area selector (crop) – and immediately press the “Ok” button

    Thread Starter nicolasluoang

    (@nicolasluoang)

    6 years, 11 months ago

    done, it works, thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Avatar upload on mobile: popup and avatar size’ is closed to new replies.