Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Review screen ux changes like font style, error icon, not answered text color etc. #1737

Merged
merged 31 commits into from
Mar 10, 2023

Conversation

santosh-pingle
Copy link
Collaborator

@santosh-pingle santosh-pingle commented Nov 29, 2022

IMPORTANT: All PRs must be linked to an issue (except for extremely trivial and straightforward changes).

Fixes #1716

Description
Issue : Question text font style of edit mode get applied to the question text in review mode.
Fix : Created separate header item view for review mode so that title medium text style can be applied.

Do not show the help button in the review mode.
Show an error icon and not answered text in the error color if question is not answered, refer ux design.
Move common functions of header view item to new file.
Apply style to item divider in review mode.

Alternative(s) considered
Have you considered any alternatives? And if so, why have you chosen the approach in this PR?

Type
Choose one: Feature

Screenshots (if applicable)

Checklist

  • I have read and acknowledged the Code of conduct.
  • I have read the Contributing page.
  • I have signed the Google Individual CLA, or I am covered by my company's Corporate CLA.
  • I have discussed my proposed solution with code owners in the linked issue(s) and we have agreed upon the general approach.
  • I have run ./gradlew spotlessApply and ./gradlew spotlessCheck to check my code follows the style guide of this project.
  • I have run ./gradlew check and ./gradlew connectedCheck to test my changes locally.
  • I have built and run the demo app(s) to verify my change fixes the issue and/or does not break the demo app(s).

@santosh-pingle
Copy link
Collaborator Author

santosh-pingle commented Nov 29, 2022

Before
Screen Shot 2022-11-14 at 3 28 36 PM

After

@shelaghm
Screen Shot 2022-11-29 at 5 51 21 PM

@shelaghm
Copy link

shelaghm commented Nov 29, 2022

@santosh-pingle looks great.

I've realized a new issue that I think we can improve for this view. The current design of "not answered" isn't clear enough and people might miss that this field hasn't been completed.

My suggestion is to make that text red (error color) and to add an error icon. See below.
Screen Shot 2022-11-29 at 13 28 25

@santosh-pingle santosh-pingle changed the title Reduce question text font size in review mode. Review screen ux changes like font style, error icon, not answered text color etc. Nov 30, 2022
@santosh-pingle
Copy link
Collaborator Author

santosh-pingle commented Nov 30, 2022

@shelaghm
Kept existing text "Not answered" as it is, if you think it need to be changed to "No answer" then please let me know.

Screen Shot 2022-11-30 at 6 17 03 PM

@shelaghm
Copy link

@santosh-pingle Great! Can you check the red text color? It looks too light, it should be #B3261E

@santosh-pingle
Copy link
Collaborator Author

Screen Shot 2022-12-02 at 3 08 09 PM

@santosh-pingle
Copy link
Collaborator Author

Addressing review comments, thanks!

Copy link
Collaborator

@jingtang10 jingtang10 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thanks @santosh-pingle just one question below

@jingtang10 jingtang10 enabled auto-merge (squash) March 10, 2023 10:42
@jingtang10 jingtang10 merged commit 5937cc6 into google:master Mar 10, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Reduce font size of question title in the review mode.
4 participants