search

rightoneducation / righton-app

React Native mobile app & React web app
Apache License 2.0
20 stars 11 forks source link

[Design/Dev Coordination] - Host_v2 Answer Selector Design in Short Answer Mode #1121

Open drewjhart opened 6 days ago

drewjhart commented 6 days ago

Issue: General

Currently in host_v2, when a user clicks on one of our Victory Graphs, they are presented with a list of players that selected that answer. For example, with confidence you can see the list below the graph here: Screenshot 2024-06-28 at 17 27 49 Figma Link

This works fine in multiple choice but I am looking for guidance on this component when the game is in Short Answer Mode. In this situation, the full text answer is currently being shown and it blows up the formatting of the whole component.

In other places in the design, we show similar, user-submitted long text in a different format: Screenshot 2024-06-28 at 17 31 14 Figma Link

How should this component look when the game is in Short Answer Mode?

OliviaKnestaut commented 3 days ago

Hey Drew! I just wrapped up the final mockups for the short answer mode confidence meter. This formatting is pulled directly from how the other bar graphs format typed responses. You may notice that "Confused Dan" at the bottom wrote an answer that went over one line, Oh no! But don't fear, that the answer is collapsed under the little caret symbol. image Feel free to message me with any questions, Olivia