Talk:Beta Features/Hovercards

Jump to: navigation, search

About this board

Edit description

The Hovercards beta feature solves the core problem of users opening multiple tabs to gain an understanding of a word in the context of the subject they are reading. Whenever a reader hovers over a link to another article, a short summary of the subject, including its graphical image, is provided to them so they can decide whether they need to visit that subject more fully before continuing the current subject.

Please give us feedback on your experience using this beta feature so we can change and improve it. Each language is welcome in this discussion!

You can read more about the feature here.

Known Issues

By clicking "Add topic", you agree to our Terms of Use and agree to irrevocably release your text under the CC BY-SA 3.0 License and GFDL
189.238.119.103 (talkcontribs)

Para cuando Hovercards en la versión en español de Wikipedia.

Whatamidoing (WMF) (talkcontribs)

Has the community requested that the feature be enabled there? If so, then they can file a request in Phabricator, with a link to a community discussion about enabling it.

189.238.60.30 (talkcontribs)

Primero, soy la misma ip que preguntó esto. Segundo, lo siento, no estoy seguro de si lo han pedido. Yo solo había preguntado por curiosidad. Gracias por la respuesta.

Reply to "Wikipedia In Spanish"
QLailaS (talkcontribs)

I find it good looking and informative enough. If I am reading an article, I don't necessarily have to visit each and every linked page. I can now know briefly what this "phrase/word" is about (whether a title, a person or anything else) and just go on reading.

Name goes here (talkcontribs)

I find it useful when viewing an edit preview for an article, as it allows me to easily verify if any wikilinks I added are working.

Reply to "Hovercards in Arz and Ar"
Rhodechill (talkcontribs)

need more info! less file descrptiony stuff too.

Whatamidoing (WMF) (talkcontribs)

Welcome, Rhodechill.

I'm a bit confused about the "file description stuff". Are you talking about Hovercards (a sentence or two when you hover on a blue link to another article) or maybe Media Viewer (full-size pictures when you click on an image)?

Rhodechill (talkcontribs)

when u hover over a hyperlink and a preview comes up, usually has like 2-4 sentences and a thumbnail maybe iirc

Whatamidoing (WMF) (talkcontribs)

I assume that you want to see more sentences. But I don't know what you want to see less of ("less file descrptiony stuff too" from your first comment). Perhaps that is a less important point?

Rhodechill (talkcontribs)

hey! now i can see a hoverzoom box from another hoverzoom box awesome!

as for despcitoony stuff:

like this, i went to a random article, the zoom box says:

actions

9.7kB, 106 wikiLinks, 5 images, 2 categories, 25 weeks old


Qakh District ( ; – K′axis raioni),"

lik the pronunciation and the date there is a bit much, its actually more than 50% of the info provided, and thats just attempt #1 from a random page

is my sugestions even useful at all idk

Whatamidoing (WMF) (talkcontribs)

Right. Look at this:


There are two different previews showing. Now go to w:en:Template:Administrative_divisions_of_Azerbaijan and hover over the entry for "Qakh". Which preview are you seeing – the one with the big picture, or the one with the menus and the line about file size and age?

Rhodechill (talkcontribs)

the lower one in your image. however mine has a tiny thumbnail, too.

for most other links, i see both.

is my contribution useful

Whatamidoing (WMF) (talkcontribs)

Thanks, that's very useful information. You're not using Hovercards. You're using w:en:WP:NAVPOPS. NAVPOPS is a very popular browsing gadget at the English Wikipedia (and some other wikis).

Rhodechill (talkcontribs)

Is my suggestion going to be implemented?

How did I get navpops and not hovercards? do I have both? how do i get cards?

Whatamidoing (WMF) (talkcontribs)

You get NAVPOPS by going to the Gadgets tab of your preferences and ticking the box to enable it.

NAVPOPS is maintained by a volunteer. If you want the appearance to be different, then you should first read https://en.wikipedia.org/wiki/Wikipedia:Tools/Navigation_popups#Changing_the_appearance_of_your_popups and, if the change that you want to make isn't possible there, then you should leave a message on the talk page there.

Rhodechill (talkcontribs)

how do i get hover cards then?

Whatamidoing (WMF) (talkcontribs)

Go to https://en.wikipedia.org/wiki/Special:Preferences#mw-prefsection-betafeatures (for the English Wikipedia), and choose the second item, "Page previews".

Rhodechill (talkcontribs)

I already had both hovercards and navpops. why did you say i wasnt using hovercards?

also, is that talk page ordered in reverse chronological order or is it just me? the one u linked to april 19

Whatamidoing (WMF) (talkcontribs)

Are you seeing two cards/boxes for every link? Or just one?

Rhodechill (talkcontribs)

is that talk page ordered in reverse chronological order or is it just me? the one u linked to april 19

And I was seeing two boxes. I am pretty sure it was hovercards and page previews or whatever the other one was. You seemed to imply I didn't have hovercards which confused me hence me asking ''how do I get hover cards then?

''. I don't think I did have hovercards tho? Then how did I have two boxes? Glitch? Hmm, maybe I did have hovercards when I thought I didn't have them... idk. What do you think about all of this???

Rhodechill (talkcontribs)

lol Edwardj Yes I like to avoid spelling mistakes.

Whatamidoing (WMF) (talkcontribs)

Why don't you send me a screenshot of what you're seeing?

Rhodechill (talkcontribs)

Edwardj you missed some like "u" vs "you"

anyway im not seeing it anymore. can't you tell based on what i described? what do you think would be contained in my screenshot anyway, what kind of possuible error? im completely lost and me memory is fucked now. i was just getting two popups at once. one navpop and one hovercard or whatever. its just not happenign an anymore. i feel bad now...

Rhodechill (talkcontribs)

Hi

Rhodechill (talkcontribs)

Why throw this discussion out?

Reply to "make the hoverzoom boxes show more"

How is the "Read" link in Page previews useful

3
Kaartic (talkcontribs)

It seems that "Page previews" shows a "Read" link for articles for which it couldn't display a preview. I'm not sure how it would be of any use when the page preview itself is displayed only when the user hovers over the link to that page. Doesn't it sound repetitive ?

197.218.80.218 (talkcontribs)

Err no. There are many times that something that looks like a link might not be:

  • Using css for example someone could create text that looks a lot like a link, but isn't
  • It could also in the future indicate that the page is blank, and not show the read button (it would be useless to navigate to a blank page only to find out it is blank)
  • A page could potentially be deleted while the user is hovering over it, and or simply show old cache, in which case, one can't read it, and one won't know because it hasn't changed to red.

It is worth it in general to make page previews smarter in those contexts.

Kaartic (talkcontribs)

That doesn't seem warranting.

Using css for example someone could create text that looks a lot like a link, but isn't

In that case Page previews wouldn't display a preview for you in the first place. It should work only for valid wiki links.

It could also in the future indicate that the page is blank, and not show the read button (it would be useless to navigate to a blank page only to find out it is blank)

I have rarely seen blank pages in wikis a lot.

A page could potentially be deleted while the user is hovering over it, and or simply show old cache, in which case, one can't read it, and one won't know because it hasn't changed to red.

That seems to be a once in a blue moon event. I guess they don't think of these while developing features like these.

Reply to "How is the "Read" link in Page previews useful"

Not enough content in the preview box

3
Munichviolin (talkcontribs)

In german articles if you get a preview it's often too less content to understand. It would be very useful, if the Hovercard would view the whole first passage of the linked article, wich ususually contains the most needed information. But at the moment it mostly shows the last viewed sentence cut off at the middle an its often too less information. I think the boxes could be much bigger (both higher and wider); on the most devices there would be enough space for that.

Inalol (talkcontribs)

Yes, I think you are right.

Edwardj 123 (talkcontribs)

Maybe a setting controlling the size of the Page Previews/Hovercards feature box could be created so users can click the settings icon and select "normal", "larger" or "smaller". Also see the following related issues:

Reply to "Not enough content in the preview box"
Inalol (talkcontribs)

Okay if you get too much content, you can turn this feature off.

This comment was hidden by Whatamidoing (WMF) (history)
Edwardj 123 (talkcontribs)

Maybe a setting controlling the size of the Page Previews/Hovercards feature box could be created so users can click the settings icon and select "normal", "larger" or "smaller". Also see the following related issues:

This comment was hidden by Edwardj 123 (history)
Reply to "Too much content"
Summary by Edwardj 123

Besides the previews not ending with a "period" I really enjoy them.

They don't end like that because the summary can't finish at the nearest sentence and a horizontal gradient shows that the article continues.

PayneAckerson (talkcontribs)

Besides the previews not ending with a "period" I really enjoy them.

Graphic / inappropriate summary images [duplicate]

2
Summary by Edwardj 123

The images are needed as part of the subject summary - this is stated in the purpose of this beta feature.

If you think the images are inappropriate, read this counter-argument from topic https://www.mediawiki.org/wiki/Topic:Sr1w55y8vxfgsyxf (Some pictures may be " inappropriate") to understand the point (key reasons in bold):

This is not an issue concerning the hover cards. As long as pictures are shown there might be "inappropriate" ones, depending on your culture and sensibility. And I guess showing pictures is an intended function. There is no way the pop up could decide which one is okay and which is not.

Also, there can't be that many sensitive articles so it's unlikely you would hover over a link to one. I'm closing this topic as a duplicate.

ΣΨΦ (talkcontribs)

Hovercards often show graphic images without warning.

Edwardj 123 (talkcontribs)

The images are needed as part of the subject summary - this is stated in the purpose of this beta feature.

If you think the images are inappropriate, read this counter-argument from topic https://www.mediawiki.org/wiki/Topic:Sr1w55y8vxfgsyxf (Some pictures may be " inappropriate") to understand the point (key reasons in bold):

This is not an issue concerning the hover cards. As long as pictures are shown there might be "inappropriate" ones, depending on your culture and sensibility. And I guess showing pictures is an intended function. There is no way the pop up could decide which one is okay and which is not.

Also, there can't be that many sensitive articles so it's unlikely you would hover over a link to one. I'm closing this topic as a duplicate.

ΣΨΦ (talkcontribs)

It can't be that hard to make an algorithm that makes the preview stop at a period instead of mid-sentence.

Horizontal gradient – HTML5, CSS and JavaScript code/formatting issues

7
Summary by Edwardj 123

This topic is for discussion of the computer code used to display the Page Previews/Hovercards feature, mainly issues with HyperText Markup Language version 5 (HTML), Cascading Style Sheets (CSS) and JavaScript (JS).

Edwardj 123 (talkcontribs)

After a quick look at the Page Previews/Hovercards HTML5 code, I noticed that the CSS frequently uses pixels which is bad because it's an absolute/fixed unit so doesn't change on different screen sizes, browsers and devices (requiring extra media query code to fix this). Using relative units, a feature of responsive web design, is a simpler and better approach which is already used for most MediaWiki web page formatting and should be used here.

The main responsive relative units which should be used are em/rem (based on font size) and percentage widths (%). Also, this problem isn't just about element lengths; the font size of the hover box uses pixels too, which can look bad on different screens. Using "em"/"rem" for the font size (relative to element and browser font sizes) is best.

Edwardj 123 (talkcontribs)

Another issue is the summary image inside the Page Previews container being too tall when displayed horizontally (it overflows slightly). For example, a link to https://en.wikipedia.org/wiki/Cube demonstrates this issue, showing the image sticking out downwards by a few pixels. This should just be a quick Cascading Style Sheets fix - making the image have a maximum height of the container's height (e.g. max-height: 100%) and ensuring nothing else can overflow or cause scrollbars.

TheDJ (talkcontribs)

Reported this particular issue (overflowing summary image) as T153840.

Tshons (talkcontribs)

HTML/JavaScript/CSS is enabling me to save Academic Information Pages as is. Enabling us to access this valuable data for all free and self-actualization Because of Java and HTML l'm accessing and saving data as page documents. Thanks to Wikipedia.Org and latest technologies for 21st century,(CISCO/MICROSOFT etc) Marry Christmas and Happy New Year 2016-17/20.

Edwardj 123 (talkcontribs)

I recently spotted a visual problem with the horizontal gradient (which is used to show the article content continues) at the end of the article description text: its large height causes it to cover part of the previous line.

After checking the HTML code, I found the problem. The text line height is set to 20px and the gradient pseudo-element has the height 24px. The pseudo-element should be the height of a line of text (20px here). To prevent the issue happening again if the text font size changes, the height should be set to "1em".

Please fix this minor issue - an image showing my screenshots of the problem is available at https://snag.gy/v3Tf8z.jpg and any article with a tall letter such as "g" on the end of the second last line of the Page Previews/Hovercards text should cause this problem.

OVasileva (WMF) (talkcontribs)

@Edwardj 123 - thank you for pointing this out, filed a bug and lined up for the next sprint (should be fixed within 2 weeks).

Edwardj 123 (talkcontribs)

Closed duplicate issue Minor bug: horizontal gradient also affects the forelast row (https://www.mediawiki.org/wiki/Topic:Tmnli29do9tljttg).

Reply to "Horizontal gradient – HTML5, CSS and JavaScript code/formatting issues"