summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorAscrod <32915892+Ascrod@users.noreply.github.com>2019-04-27 08:49:17 -0400
committerAscrod <32915892+Ascrod@users.noreply.github.com>2019-04-27 08:49:17 -0400
commit742f5aa24d7f65b14a5c32e2685a89d84613e970 (patch)
treee3babaa0fe9687daf3704ead45ba555d6a0420c2
parent2db53003e902dcd7a927083648435b49cc61a49b (diff)
downloadUXP-742f5aa24d7f65b14a5c32e2685a89d84613e970.tar
UXP-742f5aa24d7f65b14a5c32e2685a89d84613e970.tar.gz
UXP-742f5aa24d7f65b14a5c32e2685a89d84613e970.tar.lz
UXP-742f5aa24d7f65b14a5c32e2685a89d84613e970.tar.xz
UXP-742f5aa24d7f65b14a5c32e2685a89d84613e970.zip
Bug 1399616 - add WP emoji styling to reader mode.
-rw-r--r--toolkit/components/reader/ReaderMode.jsm2
-rw-r--r--toolkit/themes/shared/aboutReader.css11
2 files changed, 13 insertions, 0 deletions
diff --git a/toolkit/components/reader/ReaderMode.jsm b/toolkit/components/reader/ReaderMode.jsm
index b9b31e29f..5ba898aec 100644
--- a/toolkit/components/reader/ReaderMode.jsm
+++ b/toolkit/components/reader/ReaderMode.jsm
@@ -12,6 +12,7 @@ const { classes: Cc, interfaces: Ci, utils: Cu } = Components;
// names so that rules in aboutReader.css can match them.
const CLASSES_TO_PRESERVE = [
"caption",
+ "emoji",
"hidden",
"invisble",
"sr-only",
@@ -19,6 +20,7 @@ const CLASSES_TO_PRESERVE = [
"visuallyhidden",
"wp-caption",
"wp-caption-text",
+ "wp-smiley",
];
Cu.import("resource://gre/modules/Services.jsm");
diff --git a/toolkit/themes/shared/aboutReader.css b/toolkit/themes/shared/aboutReader.css
index 4dbf11f6d..e685cf69f 100644
--- a/toolkit/themes/shared/aboutReader.css
+++ b/toolkit/themes/shared/aboutReader.css
@@ -738,3 +738,14 @@ body:not(.loaded) .toolbar:-moz-locale-dir(rtl) {
.moz-reader-content .sr-only {
display: none;
}
+
+/* Enforce wordpress and similar emoji/smileys aren't sized to be full-width */
+.moz-reader-content img.wp-smiley,
+.moz-reader-content img.emoji {
+ display: inline-block;
+ border-width: 0;
+ /* height: auto is implied from `.moz-reader-content *` rule. */
+ width: 1em;
+ margin: 0 .07em;
+ padding: 0;
+}