display-anchors icon indicating copy to clipboard operation
display-anchors copied to clipboard

Make the anchor text translucid?

Open hmijail opened this issue 8 years ago • 4 comments

The anchor value frequently lands on top of the target, making it unreadable. I have already tried using a custom text for the anchor, but it still obscures the target, and is more difficult to find.

Having the text be translucid might help (it could go opaque on mouse-on). And maybe having a possibility to use an icon (an anchor?) instead of / apart from custom anchor text would make it easier to find in the page. Also, it would be nice if the custom text / icon showed as a tooltip or similar the anchor value.

hmijail avatar Mar 06 '17 13:03 hmijail

The anchor value frequently lands on top of the target, making it unreadable.

What is "it"? The element with an anchor (let's call it "target"), or the link that my extension adds (let's call it "link")? I tried to make sure that the link is clearly visible, so sometimes it may indeed obscure the target (if the target is small).

I have already tried using a custom text for the anchor, but it still obscures the target, and is more difficult to find.

What is more difficult to find?

And maybe having a possibility to use an icon (an anchor?) instead of / apart from custom anchor text would make it easier to find in the page.

How would an icon (=image) make it more easy to find the link? With text you could use Ctrl-F and put your custom anchor text in it to easily locate anchors, with an icon you need to look with your eyes. Especially with emoji, there are many different shapes at your disposal (e.g. 💩 - this is not an image but text), so I think that text-only is sufficient.

Also, it would be nice if the custom text / icon showed as a tooltip or similar the anchor value.

I can add an option for that.

Rob--W avatar Mar 06 '17 18:03 Rob--W

The target gets unreadable because the link obscures it. I think that the link having a translucent white background makes this worse... though of course without it the problem would be the inverse one (link unreadable maybe).

The thing that is more difficult to find is the custom text. Anyway, you are right that using emojis or a biggish-but-rarely-used-char should help enough (at first I tried other char instead of the paragraph mark, so that is partly my fault). And I didn't realize that I could search for the custom anchor text, that's nice!

hmijail avatar Mar 09 '17 15:03 hmijail

(just for reference, turns out that there is an anchor emoji... heh ⚓️)

hmijail avatar Mar 09 '17 16:03 hmijail

The target gets unreadable because the link obscures it.

Since the extension operates on arbitrary pages, I cannot fully resolve this, so I don't try to. You can click on the extension button again to hide the anchors, so if you can just keep clicking to see/unsee the anchors until you have found a satisfactory anchor. Because of this, I intentionally made the link as obvious as possible.

Currently the extension uses the defaults of the browser, do you think that it is necessary to allow customization of the link appearance through CSS? I.e. an option to allow users to input CSS that will be added to links.

Rob--W avatar Mar 13 '17 12:03 Rob--W