Page MenuHomePhabricator

Newcomer tasks: Show entire pageview text on hover on desktop
Open, Needs TriagePublic

Description

Created per comment T238322#5735839 to enable the entire pageview text string to be shown on hover in suggested edit article cards when it is truncated on Desktop.

image.png (774×1 px, 129 KB)

.se-card-pageviews:hover, div.se-card-pageviews:hover {
  overflow: visible!important;
  background: #fff;
  width:fit-content;
  padding: 8px;
  margin-left: -8px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px 0px rgba(0,0,0,.1);
  }

This is low priority workaround since it doesn't work for mobile devices.

An alternative solution that also caters to mobile which would involve a lot more effort could be to explore animating text when it is truncated (like a news show chyron), but this involves a degree of front end exploration (AFAIK we do not have this used anywhere) for something that could be overly distracting.

Event Timeline

MMiller_WMF renamed this task from Newcomer Tasks: Show entire pageview text on hover on desktop to Newcomer tasks: Show entire pageview text on hover on desktop .Feb 5 2020, 10:23 PM
MMiller_WMF subscribed.