New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 690420 link

Starred by 2 users

Issue metadata

Status: Fixed
Owner:
Not on Chrome anymore
Closed: Feb 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Bug

Blocking:
issue 631447
issue 688339



Sign in to add a comment

Content suggestions: Reduce whitespace related to the relative disposition of the attribution line and the thumbnail

Project Member Reported by dgn@chromium.org, Feb 9 2017

Issue description

Currently, the disposition of content suggestions look like:

+----------------------+
| Header header +----+ |
| header        |    | |
| Description   +----+ |
| description          |
| Attribution attrib...|
+----------------------+

Since we are trying to condense the view, here are 2 issues:

1. When the attribution line is short, there is a lot of whitespace below the thumbnail

2. When the header + description lenght is short, we still reserve 3 lines for it to be sure the attribution line will be below the thumbnail. This results in empty space in the middle of the card (see screenshot 1)

Which approach should we follow to regain vertical space? A caveat is that we might get cards of varying heights, but this can already happen (see screenshot 1)


Attached are different prototypes:
1. State as currently shipping on master
2. Removes the restriction of card height, which means that sometimes the attribution line will be clipped by the thumbnail.
3. Removes the restriction of card height and makes the attribution line short enough to not be clipped by the thumbnail in an ugly way.

A combination of 2 and 3 could be implemented, that would allow the attibution line to extend below the thumbnail if there is space. But we would get attribution lines of varying lenghts.
 
1.line_reserved_for_attribution.png
448 KB View Download
2.no_reserved_line.png
464 KB View Download
3.no_reserved_line_but_clip_before.png
479 KB View Download
4.no_reseved_line_but_clip_before_wider.png
414 KB View Download

Comment 1 by dgn@chromium.org, Feb 9 2017

Blocking: 688339
Marking as blocking issue 688339, as this can result if ugly cards with an incredible amount of whitespace, when the screen is wide but short (e.g. 1/3 of multiwindow in tablet portait)

Also more or less related is  issue 625775  about where to apply the ellipsis when shortening long attribution text.

Comment 2 by rachelis@google.com, Feb 13 2017

- on small screen sizes, limit the title lines to 2 (with no description)
- for all screen sizes, limit the attribution to align with padding on image
Screen Shot 2017-02-13 at 12.58.17 PM.png
368 KB View Download

Comment 3 by rachelis@google.com, Feb 13 2017

Labels: -zine-ux
Blocking: 631447

Comment 5 by dgn@chromium.org, Feb 13 2017

State after https://codereview.chromium.org/2690123002
condensed_card_4.png
153 KB View Download

Comment 6 by rachelis@google.com, Feb 14 2017

Looks good to me, thanks!

Comment 7 by dgn@chromium.org, Feb 15 2017

Labels: zine-2017-02-13
Owner: dgn@chromium.org
Status: Started (was: Available)
Project Member

Comment 8 by bugdroid1@chromium.org, Feb 16 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/3371166ee6b13e7d34d3a8a216bf041abc3ce9b9

commit 3371166ee6b13e7d34d3a8a216bf041abc3ce9b9
Author: dgn <dgn@chromium.org>
Date: Thu Feb 16 11:34:03 2017

[NTP Client] Remove whitespace between card title and attribution

Allows the attribution line to move up beside the thumbnail and below
the title when there is not description

BUG= 690420 ,631447

Review-Url: https://codereview.chromium.org/2690123002
Cr-Commit-Position: refs/heads/master@{#450933}

[modify] https://crrev.com/3371166ee6b13e7d34d3a8a216bf041abc3ce9b9/chrome/android/java/res/layout/new_tab_page_snippets_card.xml
[modify] https://crrev.com/3371166ee6b13e7d34d3a8a216bf041abc3ce9b9/chrome/android/java/res/values/dimens.xml
[modify] https://crrev.com/3371166ee6b13e7d34d3a8a216bf041abc3ce9b9/chrome/android/java/src/org/chromium/chrome/browser/ntp/snippets/SnippetArticleViewHolder.java

Comment 9 by dgn@chromium.org, Feb 16 2017

Status: Fixed (was: Started)
Project Member

Comment 10 by bugdroid1@chromium.org, Feb 16 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/9b5580df750abd8c3354d7c63e8a7d38c479ea39

commit 9b5580df750abd8c3354d7c63e8a7d38c479ea39
Author: vitaliii <vitaliii@chromium.org>
Date: Thu Feb 16 14:42:43 2017

[NTP::Downloads] Move attribution higher if description is empty.

Previously, the attribution was moved higher only for layouts which do
not show description. In this CL, this is also done for cards with empty
description. This is needed to make Downloads look better (they have
thumbnails and do not have descriptions).

BUG= 690420 

Review-Url: https://codereview.chromium.org/2698833004
Cr-Commit-Position: refs/heads/master@{#450959}

[modify] https://crrev.com/9b5580df750abd8c3354d7c63e8a7d38c479ea39/chrome/android/java/src/org/chromium/chrome/browser/ntp/snippets/SnippetArticleViewHolder.java

Sign in to add a comment