That’s really up to the mobile browser in how they implement the HTML tag.
This plug works well, thanks. However, in combination with linkify it doesn’t work. Iis it possible for the link to work as well with the class too ??
Reposting the answer here as well. ![]()
I think the issue is that the abbrify plugin skips link tags by defualt. You can try to fix it by modifying the code, deleting line 16 in head_tag.html
'a': 1,
Let me know if it worked or if you need more guidance. ![]()
Note, for linkify theme there is a separate user setting to modify which tags are skipped. I’ll submit a PR to this repo as well when I get a chance.
Is there any possibility to add the tooltip theme component functionality here?
That would be a great addition since abbr tags are basically useless on mobile
I did a rough user stylesheet (CSS) to allow me see tooltips on mobile.
It requires Stylus extension (I use Firefox on Android that supports extensions).
This kind of stuff could be included in the plugin but I actually use it on all sites.
abbr[title]:hover {
border: 2px solid white;
color: #333;
background: #FF6;
}
abbr[title]:hover:after {
content: " (" attr(title) ")";
}
半日いじくり回した結果、@Falco さんの Discourse AI ボットを使ってコードを作成することができました ![]()
現在、2週間にわたりボットから支援を受けています。Meta(クエリの意味を検索する際)でも、私のウェブサイトでこのコードやあのコードを書く際にもです。上記の問題を解決するためにまとめることができたコードは以下の通りです。
abbr[title] {
position: absolute;
background: transparent; /* 非アクティブ状態では透明な背景 */
overflow: visible; /* コンテンツが要素の境界からはみ出すことを許可 */
}
@media (prefers-color-scheme: light) {
abbr[title] {
color: var(--primary); /* スクリプトの白または黒の色合い? */
}
}
abbr[title]:hover {
background: #FF6; /* ホバーすると、背景が鮮やかな黄色の色合いに包まれます。*/
}
abbr[title]:hover:after {
content: " " attr(title) "";
position: absolute;
border-radius: 3px;
bottom: 70%; /* この値を変更して、ずれを制御します。 */
left: 0;
width: 250px; /* 固定幅 */
height: auto; /*"調整可能な高さ" */
padding: 2px;
z-index: 9;
background: #00FF00; /* コメントの背景色合いを指定します。 */
color: #333;
margin-bottom: 10px; /* 下部の余白を組み込んで、区切りを作成します。 */
}
ここに残しておきます。誰かの役に立つかもしれません ![]()
追伸。私は専門のソフトウェアエンジニアではないため、コードにエラーが見つかった場合は寛大にお願いします。
