diff options
| author | (quasar) nebula <qznebula@protonmail.com> | 2025-07-13 15:50:25 -0300 |
|---|---|---|
| committer | (quasar) nebula <qznebula@protonmail.com> | 2025-07-13 15:50:25 -0300 |
| commit | f93b5fbaacd3d3f340589b726b142fb1ed97bd87 (patch) | |
| tree | 20ca40e98a1df87722af8251cf9035c457ad7639 /src | |
| parent | e37d800a58f22fc6b562fb5b4790e57a97f35185 (diff) | |
css: wrap image media link icon with last word
Diffstat (limited to 'src')
| -rw-r--r-- | src/static/css/site.css | 12 |
1 files changed, 7 insertions, 5 deletions
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 { |