touch-packages team mailing list archive

[Matthew Paul Thomas <mpt@xxxxxxxxxxxxx>]

** Summary changed:

- [browser] Setting labels ellipsized on phone screen in portrait orientation
+ Checkbox labels ellipsized on phone screen in portrait orientation

** Description changed:

- As shown on the attached screenshot, the rows #2 and #3 of the settings screen have a text that doesn't fit on the screen.
- The only way to see what these options mean is to switch the phone to landscape orientation.
+ Browser's Settings screen shows an example of a checkbox where its label
+ does not fit in the available screen width, so it is ellipsized.
+ <https://launchpadlibrarian.net/206607288/half-fixed.png> The only way
+ to see what the option means is to switch the phone to landscape.
  
- A different UI component should be used for these two options, one that
- allows the user to see the full text of what he's enabling or disabling.
+ Even if an app developer avoids this, in portrait mode, on the smallest
+ shipping phone, for every string in their app, in English, they are
+ quite likely not to check their app in every shipping language. And the
+ app may not provide a landscape mode at all. So ellipsizing the label is
+ not an ideal solution.
+ 
+ <https://goo.gl/qc5GV7>: "A checkbox or switch should almost always have
+ a label, which can be tapped just like the checkbox or switch itself. If
+ there is not enough room to display the label on one line, by default it
+ should wrap to multiple lines. It should not be cropped or ellipsized
+ unless the app developer specifically requests this, typically for text
+ that they do not control the length of (such as a Wi-Fi network name,
+ filename, or bookmark title)."

** Tags removed: settings

** Changed in: ubuntu-ux
       Status: Triaged => Fix Committed

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to ubuntu-ui-toolkit in
Ubuntu.
https://bugs.launchpad.net/bugs/1442851

Title:
  Checkbox labels ellipsized on phone screen in portrait orientation

Status in Ubuntu UX bugs:
  Fix Committed
Status in Web Browser App:
  Fix Released
Status in ubuntu-ui-toolkit package in Ubuntu:
  Triaged
Status in webbrowser-app package in Ubuntu:
  Confirmed
Status in webbrowser-app source package in Vivid:
  New

Bug description:
  Browser's Settings screen shows an example of a checkbox where its
  label does not fit in the available screen width, so it is ellipsized.
  <https://launchpadlibrarian.net/206607288/half-fixed.png> The only way
  to see what the option means is to switch the phone to landscape.

  Even if an app developer avoids this, in portrait mode, on the
  smallest shipping phone, for every string in their app, in English,
  they are quite likely not to check their app in every shipping
  language. And the app may not provide a landscape mode at all. So
  ellipsizing the label is not an ideal solution.

  <https://goo.gl/qc5GV7>: "A checkbox or switch should almost always
  have a label, which can be tapped just like the checkbox or switch
  itself. If there is not enough room to display the label on one line,
  by default it should wrap to multiple lines. It should not be cropped
  or ellipsized unless the app developer specifically requests this,
  typically for text that they do not control the length of (such as a
  Wi-Fi network name, filename, or bookmark title)."

To manage notifications about this bug go to:
https://bugs.launchpad.net/ubuntu-ux/+bug/1442851/+subscriptions