Skip to content

Link Roundup styles for Saved Links interfere with WordPress' emoji substitution #178

@benlk

Description

@benlk

Following from #177, a Saved Link with the title "brittany renee 🌸 on Twitter" will be displayed with the following markup in the post:

<p class="lr-saved-link ">
	<a href="https://twitter.com/BritRenee_/status/1133459151655456769">
		brittany renee
		<img draggable="false" class="emoji" alt="🌸" src="https://s.w.org/images/core/emoji/12.0.0-1/svg/1f338.svg">
		on Twitter
	</a><span class="description">"Very Important Question: What's your favorite episode of your favorite tv show?! Right now, mine is Psych s7e11"</span>
	<em>Twitter</em>
</p>

In that markup, the image is inline.

And in Link Roundups' main CSS, it appears thusly:

Screen Shot 2019-05-28 at 19 08 16

img {
float: left;
margin: 0 1em 1em 0;
}

  • give that image a more-specific selector in the default Saved Link markup option
  • update CSS
  • check that it works for sites that have saved a different image markup in the Link Roundups settings
  • check that it works in the Saved Links List widget

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions