If you activate the "top" link feature, it automtically adds a blue arrow icon next to "top".

This icon should be linked to, so users could click on the arrow to jump back to the toc.

Comments

AlexisWilke’s picture

AlexisWilke commented

There is another issue in that regard. The icon is defined in the CSS and thus is not part of the anchor.

I suppose we could add some JavaScript code to the <div> tag so the whole area is a link. And for people who have JavaScript turn off, it still works because there is also an anchor.

What do you think?

Thank you.
Alexis Wilke

no2e’s picture

no2e commented

Mh, how is it implemented in CSS?

If you use a:after {content:url("top.png");} in CSS, it should be part of the anchor -- and that means, that you could click the icon as well.

Or you could display the icon as background-image for <a>, with padding to the right.

AlexisWilke’s picture

AlexisWilke commented

It's in the <div> tag. I guess I could try to move it to the anchor, but as far as I know the anchor does not accept a margin or padding because it is inline. We'd have to make it a block, which would certainly work too.

It is indeed a background.

Thank you.
Alexis Wilke

AlexisWilke’s picture

AlexisWilke commented

This is now themed. So one can at least overwrite the theme() in their theme template.

I'll keep this open so I remember that it would be better to have the arrow linked.

Thank you.
Alexis