כפתור שכבת מסמכי AI לא במקום

סיכום מבוסס בינה מלאכותית

The Misplaced AI docs Overlay button discussion revolves around a usability issue in the PenPot Discourse mobile app. SvenPuschmann reported that the ‘AI Docs’ floating button overlaps key interface elements, such as the ‘Share’ and ‘Minimise’ buttons, making navigation difficult. pmusaraj suggested a solution by adding padding or margin to the element using CSS, specifically margin-bottom:70px; to the .ikp-chat-button__container class. SvenPuschmann thanked pmusaraj for the quick answer and plans to propose the solution to the Penpot instance admin.

Hello,

I have noticed the “AI Docs” floating button appearing in the PenPot Discourse mobile app over the past few days. While I appreciate the positive role AI can play in enhancing the user experience, I have encountered a significant usability issue in the iOS app when using the in-app browser.

The button currently floats at the bottom of the screen, overlapping key interface elements such as the ‘Share’ and ‘Minimise’ buttons. see here:


This makes navigation difficult and interferes with accessibility.

How could one adjust the button’s position so it doesn’t obstruct core functionality? Does it need a bugfix in a certain program or plugin?
I’ve tried to find the correct channel to report this but haven’t had much luck. If a formal bug report would be more appropriate, I’d be grateful for guidance on where to submit it.

Thank you for your time and attention.

Kind regards,
Sven

3 לייקים

היי סוון,

שאלה טובה! הדרך היחידה לתקן את זה היא לשנות את מיקום כפתור ה-AI Docs על ה-instance של Penpot. מנהל ב-instance הזה צריך להוסיף קצת רווח פנימי או מרווח חיצוני לאלמנט. משהו כזה:

.ikp-chat-button__container {
  margin-bottom: 70px;
}

צריך לעבוד.

שים לב שזה לא משפיע רק על אפליקציית DiscourseHub, אלא גם על כל המשתמשים שמשתמשים ב-PWAs (באנדרואיד או ב-iOS).

5 לייקים

תודה על התשובה המהירה שלך! אציע את זה שם.
בברכה, סוון

לייק 1