diff options
| author | Ascrod <32915892+Ascrod@users.noreply.github.com> | 2019-04-27 08:49:17 -0400 |
|---|---|---|
| committer | Ascrod <32915892+Ascrod@users.noreply.github.com> | 2019-04-27 08:49:17 -0400 |
| commit | 742f5aa24d7f65b14a5c32e2685a89d84613e970 (patch) | |
| tree | e3babaa0fe9687daf3704ead45ba555d6a0420c2 | |
| parent | 2db53003e902dcd7a927083648435b49cc61a49b (diff) | |
| download | uxp-742f5aa24d7f65b14a5c32e2685a89d84613e970.tar.gz | |
Bug 1399616 - add WP emoji styling to reader mode.
| -rw-r--r-- | toolkit/components/reader/ReaderMode.jsm | 2 | ||||
| -rw-r--r-- | toolkit/themes/shared/aboutReader.css | 11 |
2 files changed, 13 insertions, 0 deletions
diff --git a/toolkit/components/reader/ReaderMode.jsm b/toolkit/components/reader/ReaderMode.jsm index b9b31e29fa..5ba898aec1 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 4dbf11f6db..e685cf69fb 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; +} |