Page MenuHomePhabricator

IBAN overlapping
Closed, ResolvedPublic

Description

Doc: User tests of cat17 skin

Die IBAN Nummer läuft über das Häkchen des Feldes. Siehe Screenshot
Device: iPhone 5s
Browser: Safari
Browser version: iOS 10.3.3
Viewport-size: 320*460
Screen width: 320 px
Screen height: 568 px
Screenshot:

IBAN overlaped.PNG (447×255 px, 43 KB)

Related Objects

StatusSubtypeAssignedTask
ResolvedNone
ResolvedNone
Resolvedkai.nissen

Event Timeline

This happens only on very small devices (<350px). Should we add a special breakpoint for this field that reduces the font size a bit? Or just leave it, as the number is still readable?

This happens in all other fields as well. In my opinion, the right padding of the field should take the validity indicator into account and rather overflow than overlap.

rather overflow than overlap.

You mean it should not do

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

But

image.png (53×142 px, 1 KB)

Yes, makes sense (here via padding-right:2em)

kai.nissen claimed this task.
kai.nissen moved this task from Backlog to Done on the WMDE-Fundraising-Funban-2 board.