Change Details

This is part of the UI improvements epic https://phabricator.wikimedia.org/T306626 **User Story** As a reader, I want to be able to easily scan the search result page to easily locate the information I am looking for. **Description** This ticket is to add article thumbnails next to each article result. Thumbnails can provide a visual anchor on a text heavy page and assist in locating an article. This only applies to article namespaces and files namespaces (which already show a thumbnail right now). **Explorations** See the discussion happening on this [[ https://phabricator.wikimedia.org/T307034#7942787 | spike ticket ]] **Final proposal** See detailed specs for thumbnail [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1216%3A12613 | here ]] **Technical implementation** https://phabricator.wikimedia.org/T307034#7938844 **Acceptance Criteria** [ ] This thumbnails are for desktop only and not mobile. [ ] All article namespace will have thumbnails [ ] For namespaces that already have thumbnails like files, leave the design and behaviour as is. No change required. [ ] For article thumbnails - fill the square and and align to the top of the image as shown in option 4 in the image [[ https://phabricator.wikimedia.org/T307034 | here ]]. [ ] Articles that do not have thumbnails will have a placeholder image. As shown [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1216%3A12613 | here ]] [] Examen the handling of NSFW/explicit images used in the Go bar and determine if that solution works here and is appropriate (see T306246) [] Determine how to display thumbnails for results in other language wikis (e.g. like in T309745) [] Give the thumbnail a specific CSS class that they can target and hide (As per feedback from community, people would like to be able to hide thumbnails with user CSS.) [] Determine how to show thumbnails for file namespace results (From @matthiasmullie: Need to check on thumbnails for file namespace; I seem to recall that thumbs are only generated for article namespace for pretty much every wiki. We may be able to fetch image data for file namespace as well via another way, though, but that too could be a little more complex with instantcommons vs local results)

This is part of the UI improvements epic https://phabricator.wikimedia.org/T306626 **User Story** As a reader, I want to be able to easily scan the search result page to easily locate the information I am looking for. **Description** This ticket is to add article thumbnails next to each article result. Thumbnails can provide a visual anchor on a text heavy page and assist in locating an article. This only applies to article namespaces and files namespaces (which already show a thumbnail right now). **Explorations** See the discussion happening on this [[ https://phabricator.wikimedia.org/T307034#7942787 | spike ticket ]] **Final proposal** See detailed specs for thumbnail [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1216%3A12613 | here ]] **Technical implementation** https://phabricator.wikimedia.org/T307034#7938844 **Acceptance Criteria** [ ] This thumbnails are for desktop only and not mobile. [ ] All article namespace will have thumbnails [ ] For namespaces that already have thumbnails like files, leave the design and behaviour as is. No change required. [ ] For article thumbnails - fill the square and and align to the top of the image as shown in option 4 in the image [[ https://phabricator.wikimedia.org/T307034 | here ]]. [ ] Articles that do not have thumbnails will have a placeholder image. As shown [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1216%3A12613 | here ]] [] Examen the handling of NSFW/explicit images used in the Go bar and determine if that solution works here and is appropriate (see T306246) [] Determine how to display thumbnails for results in other language wikis (e.g. like in T309745) [] Give the thumbnail a specific CSS class that they can target and hide (As per feedback from community, people would like to be able to hide thumbnails with user CSS.)

This is part of the UI improvements epic https://phabricator.wikimedia.org/T306626 **User Story** As a reader, I want to be able to easily scan the search result page to easily locate the information I am looking for. **Description** This ticket is to add article thumbnails next to each article result. Thumbnails can provide a visual anchor on a text heavy page and assist in locating an article. This only applies to article namespaces and files namespaces (which already show a thumbnail right now). **Explorations** See the discussion happening on this [[ https://phabricator.wikimedia.org/T307034#7942787 | spike ticket ]] **Final proposal** See detailed specs for thumbnail [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1216%3A12613 | here ]] **Technical implementation** https://phabricator.wikimedia.org/T307034#7938844 **Acceptance Criteria** [ ] This thumbnails are for desktop only and not mobile. [ ] All article namespace will have thumbnails [ ] For namespaces that already have thumbnails like files, leave the design and behaviour as is. No change required. [ ] For article thumbnails - fill the square and and align to the top of the image as shown in option 4 in the image [[ https://phabricator.wikimedia.org/T307034 | here ]]. [ ] Articles that do not have thumbnails will have a placeholder image. As shown [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=1216%3A12613 | here ]] [] Examen the handling of NSFW/explicit images used in the Go bar and determine if that solution works here and is appropriate (see T306246) [] Determine how to display thumbnails for results in other language wikis (e.g. like in T309745) [] Give the thumbnail a specific CSS class that they can target and hide (As per feedback from community, people would like to be able to hide thumbnails with user CSS.) [] Determine how to show thumbnails for file namespace results (From @matthiasmullie: Need to check on thumbnails for file namespace; I seem to recall that thumbs are only generated for article namespace for pretty much every wiki. We may be able to fetch image data for file namespace as well via another way, though, but that too could be a little more complex with instantcommons vs local results)