Send button hard to spot

Created on 17 July 2023, over 1 year ago
Updated 8 September 2023, about 1 year ago

Problem

I let sidekick summarize the issue :-)

In the world of FullHD, where the modal window dominates, a peculiar design issue arises: the send button is craftily hidden beyond the window's boundary. This isn't just a tiny hiccup - it's a UX puzzle that calls for our attention. Think about it - you're set up for a seamless interaction with this high-definition interface, but the very element that finalizes your action is playing a game of digital hide-and-seek. It's a quirky testament to the fact that even in our pixel-perfect tech world, there's always room for more thoughtful, intuitive design.

πŸ› Bug report
Status

Closed: works as designed

Version

1.0

Component

User interface

Created by

πŸ‡©πŸ‡ͺGermany mmbk Meißen

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @mmbk
  • πŸ‡¦πŸ‡ΉAustria Grienauer Vienna

    Thank you for your summary Sidekick and thank you human, to open this Issue ;P
    Joke aside. thx @mmbk. can you please provide a Screenshot and also an info, which backend theme you are using?
    then we will evaluate how/where we can fix that.
    Thank you!
    Nico

  • πŸ‡©πŸ‡ͺGermany mmbk Meißen

    Sure - We are using GIN and I'm work with FF 115

  • πŸ‡©πŸ‡ͺGermany hexabinaer Berlin, Germany

    I was able to reproduce this issue (FF). Initially. After fumbling with the options and quite some prompts later, after it issued a longer paragraph, the Button was magically in place.

    Plaese note as well, with larger amounts of text it would be helpful to bottom-align the button icon.

  • πŸ‡¦πŸ‡ΉAustria Grienauer Vienna

    Can you check again mmbk?
    I was not able to reproduce it.

    Thank you!

  • Status changed to Postponed: needs info over 1 year ago
  • πŸ‡¦πŸ‡ΉAustria Grienauer Vienna
  • πŸ‡©πŸ‡ͺGermany hexabinaer Berlin, Germany

    Tried again, still not reproduceable.

    However, the button is hard to spot.

    button { align-self: flex-end; } and including the button styling could help a lot. Especially sind hitting the enter key does not trigger the button.

  • πŸ‡¦πŸ‡ΉAustria Grienauer Vienna

    As in common Chat Systems (mattermost, linkedin, Slack, Rocketchat, iMessage etc. on a desktop a user has to hit cmd+enter to send the message because a return just makes a new line.

    the button also gets another color when the first letters are added and also has a hover status.
    for now I would close this issue. open it again, if we need to tackle that still.

  • Status changed to Closed: works as designed about 1 year ago
  • πŸ‡¦πŸ‡ΉAustria Grienauer Vienna
Production build 0.71.5 2024