Page MenuHomePhabricator

Implementation: Improve "Wunschbetrag" text input usability
Closed, ResolvedPublic

Description

Mock
selected, with user input

image.png (66×158 px, 1 KB)

compare non-selected style (other, predefined amount selected) – style is remaining almost the same:

image.png (40×146 px, 1 KB)

Specs and interactions

  • The "Wunschbetrag" field should, if clicked, get the highlighted frame. To not look too much *not* like an input field, I suggest border: 2px solid #2a4b8d; and border-radius: 4px; . That highlight-frame should not be at any other element when "Wunschbetrag" has it (there can only be one highlighted field or button, so the highlighting behavior of the input field is just like the ones of the radio-button-ish elements around it, but with an added focus on the text field, allowing input.)
  • The text input font should match the other fonts on the buttons, bold and black,
  • The amount should have an € sign behind it (the € can be there continuously or only after the something is put in the field)

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Jan_Dittrich renamed this task from Implementation: to Implementation: Improve "Wunschbetrag" text input usability.Nov 30 2017, 2:50 PM
Jan_Dittrich updated the task description. (Show Details)

d´accord. I would propose to just add this code and to not have this as a specific test.