← Back to team overview

touch-packages team mailing list archive

[Bug 1365549] Re: Overlays with attributes or subtitles look wrong

 

Looking through the apps scope, enforcing the single-line element of
this might be a problem, there's a lot of apps whose names won't fit in
a single line (especially translated).

Adding ubuntu-ux for design feedback.

** Description changed:

  When showing overlays, the title is always centered and the attributes and subtitles are left-aligned, so it looks wrong.
  This screenshot shows the issue: https://launchpadlibrarian.net/183466031/scopes-less-attrs.png
  
  Saviq's suggestion to fix this is to make titles always left aligned too, and to extend the category renderer so some scopes can align to the center if needed, using something like this:
-  { "title" : { "field": "title", "align": "center"}, ...}
+  { "title" : { "field": "title", "align": "center"}, ...}
+ 
+ All categories that wish to have centered titles need to send the above
+ in components, otherwise will be left-aligned.
+ 
+ NOTE also that this will force just a single line of title, so anything
+ that doesn't fit in one line will be elided.

** Summary changed:

- Overlays with attributes or subtitles look wrong
+ Centered title should be requested by scopes explicitly and limited to one line

** Also affects: ubuntu-ux
   Importance: Undecided
       Status: New

** Description changed:

  When showing overlays, the title is always centered and the attributes and subtitles are left-aligned, so it looks wrong.
  This screenshot shows the issue: https://launchpadlibrarian.net/183466031/scopes-less-attrs.png
  
  Saviq's suggestion to fix this is to make titles always left aligned too, and to extend the category renderer so some scopes can align to the center if needed, using something like this:
   { "title" : { "field": "title", "align": "center"}, ...}
  
  All categories that wish to have centered titles need to send the above
  in components, otherwise will be left-aligned.
  
  NOTE also that this will force just a single line of title, so anything
  that doesn't fit in one line will be elided.
+ 
+ This is all according to the spec:
+ https://sites.google.com/a/canonical.com/unity8dash/toolkit/4-cards#TOC-Header-Text-Styles

-- 
You received this bug notification because you are a member of Ubuntu
Touch seeded packages, which is subscribed to unity-scope-click in
Ubuntu.
https://bugs.launchpad.net/bugs/1365549

Title:
  Centered title should be requested by scopes explicitly and limited to
  one line

Status in The Timeout Scope:
  New
Status in Ubuntu Rest Scopes:
  New
Status in Ubuntu UX bugs:
  New
Status in “unity-scope-click” package in Ubuntu:
  New
Status in “unity-scope-scopes” package in Ubuntu:
  New
Status in “unity8” package in Ubuntu:
  In Progress

Bug description:
  When showing overlays, the title is always centered and the attributes and subtitles are left-aligned, so it looks wrong.
  This screenshot shows the issue: https://launchpadlibrarian.net/183466031/scopes-less-attrs.png

  Saviq's suggestion to fix this is to make titles always left aligned too, and to extend the category renderer so some scopes can align to the center if needed, using something like this:
   { "title" : { "field": "title", "align": "center"}, ...}

  All categories that wish to have centered titles need to send the
  above in components, otherwise will be left-aligned.

  NOTE also that this will force just a single line of title, so
  anything that doesn't fit in one line will be elided.

  This is all according to the spec:
  https://sites.google.com/a/canonical.com/unity8dash/toolkit/4-cards#TOC-Header-Text-Styles

To manage notifications about this bug go to:
https://bugs.launchpad.net/timeout-scope/+bug/1365549/+subscriptions


References