Re: Workarounds for <abbr> tag on mobile browsers

After some previous conversation about the hover dates on mobile (Re^3: RFC: "Today I Learned" page), I successfully applied similar results to abbr:

@media (pointer: coarse), (hover: none) {
a.hoverDate:link:before { content: attr(title) ": "; font-size:75%; ba
+ckground: #ddd; foreground: #111; }
abbr:after { content: " {/" attr(title) "\05C}"; font-size:75%; backgr
+ound: #ddd; }
}
[download]

This works for me when I view your post in my mobile browser: I see it as <abbr> {/abbreviations\}

Comment on Re: Workarounds for <abbr> tag on mobile browsers Select or Download Code

Replies are listed 'Best First'.
Re^2: Workarounds for <abbr> tag on mobile browsers by LanX (Saint) on Sep 17, 2024 at 21:12 UTC
Cool, this works for me too! 🙂👍🏻 I think it would be even cooler if we could combine it with `<details><summary>` (if possible) Like that an abbreviation would only be revealed on demand. Wouldn't won't to forcibly read the full length versions of YMMV or RTFM everywhere... Cheers Rolf _{(addicted to the Perl Programming Language :) see Wikisyntax for the Monastery} Update Using your template, I was actually able to insert `<details><summary>` before and after, but no avail, HTML code is forcibly deactivated by escaping the `<` to `<`	[reply] [d/l] [select]
Re^3: Workarounds for <abbr> tag on mobile browsers by choroba (Cardinal) on Sep 17, 2024 at 21:20 UTC
> Wouldn't won't to forcibly read the full length versions of YMMV or RTFM everywhere Missing lots of fun. `map{substr$_->[0],$_->[1]\|\|0,1}[\\|\|{},3],[[]],[ref qr-1,-,-1],[{}],[sub{}^ARGV,3]`	[reply] [d/l]

Update