From f93b5fbaacd3d3f340589b726b142fb1ed97bd87 Mon Sep 17 00:00:00 2001 From: "(quasar) nebula" Date: Sun, 13 Jul 2025 15:50:25 -0300 Subject: css: wrap image media link icon with last word --- src/static/css/site.css | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) (limited to 'src') diff --git a/src/static/css/site.css b/src/static/css/site.css index 72e838db..6b753862 100644 --- a/src/static/css/site.css +++ b/src/static/css/site.css @@ -1032,10 +1032,13 @@ a .normal-content { } .image-media-link::after { - content: ''; - display: inline-block; - width: 22px; - height: 1em; + /* Thanks to Jay Freestone for being awesome: + * https://www.jayfreestone.com/writing/wrapping-and-inline-pseudo-elements/ + */ + + pointer-events: none; + content: '\200b'; + padding-left: 22px; background-color: var(--primary-color); @@ -1046,7 +1049,6 @@ a .normal-content { mask-repeat: no-repeat; mask-position: calc(100% - 2px); - vertical-align: text-bottom; } .image-media-link:hover::after { -- cgit 1.3.0-6-gf8a5