diff --git a/app/assets/javascripts/discourse/widgets/notification-item.js.es6 b/app/assets/javascripts/discourse/widgets/notification-item.js.es6 index 08b38446ec9..cb12ed45d74 100644 --- a/app/assets/javascripts/discourse/widgets/notification-item.js.es6 +++ b/app/assets/javascripts/discourse/widgets/notification-item.js.es6 @@ -102,7 +102,11 @@ createWidget('notification-item', { let title = I18n.t(`notifications.alt.${notName}`); let icon = iconNode(`notification.${notName}`, { title }); let text = emojiUnescape(this.text(notificationType, notName)); - let html = new RawHtml({ html: `

${text}

` }); + + // We can use a `

` tag here once other languages have fixed their HTML + // translations. + let html = new RawHtml({ html: `

${text}
` }); + let contents = [ icon, html ]; const href = this.url(); diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss index 8af8e30e604..c70c7eb12a9 100644 --- a/app/assets/stylesheets/common/base/menu-panel.scss +++ b/app/assets/stylesheets/common/base/menu-panel.scss @@ -214,6 +214,13 @@ margin-right: 5px; padding-top: 2px; } + + // This is until other languages remove the HTML from within + // notifications. It can then be removed + div i.fa { + display: none; + } + span { color: $primary; } &:hover { background-color: $highlight-medium; } a { padding: 0; }