We'll start implementing points 1-3 while waiting on design feedback for point 4.

Just as a first step dev-wise, this is where changes probably should go:

https://gerrit.wikimedia.org/g/mediawiki/extensions/Popups/+/06b19134c3e84e926bb8200d6865d631d316c5e5/src/gateway/reference.js#12

Change 566710 had a related patch set uploaded (by WMDE-Fisch; owner: WMDE-Fisch):
[mediawiki/extensions/Popups@master] [WIP] Include parent text on previews of extended references

https://gerrit.wikimedia.org/r/566710

The algorithm part of the patch including a test is ready. Can be reviewed concerning that aspect. Waiting for the final mock on this now.

Here is the prototype no.1, a sub book reference example with the existing design.

Here are some other ideas which are more experimental: (File names are numbered in order for further discussion)

Here is the latest prototype, since the popup is next to the reference number it can be a good idea to remove it from the pop-up. Also instead of extra icons, we can just show the page number with a line break.

@Erdinc_Ciftci_WMDE, is the line "S. 22-77" indented by a few pixels? It looks like this in the image, but might be unintentional.

@thiemowmde Yes, but I'm not sure if it's a good idea. I just felt the need to separate "Sub Reference Info" from the "Reference Info" and maybe @Hanna_Petruschat_WMDE can give feedback on that since she is better on visual styling.

I thought that was a mistake with an unintentional space before the page number. I would not leave this there. It's not clear what it should mean in my opinion and is definitely not obvious enough for an indentation. I also think, we don't need it.

Ok, thanks for the clarification! It's no indention then.

The reference number is probably useless, but I think we should easily identify the specific part.

Indeed, the reader who watches successively several references does not want to be obliged to read again the full reference content, they should be able to visually identify the specific part (the subreference content).

So, according to me, this indentation should be more pronounced, instead of removing it.