Remove unexpected underline from pills

Fixes element-hq/element-web#8031.
jryans · Jan 7, 2019 · d65b2f8 · d65b2f8
1 parent 44ecaf6
commit d65b2f8
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/res/css/views/elements/_RichText.scss b/res/css/views/elements/_RichText.scss
@@ -19,6 +19,11 @@
     cursor: pointer;
 }
 
+/* More specific to override `.markdown-body a` text-decoration */
+.mx_EventTile_content .markdown-body a.mx_Pill {
+    text-decoration: none;
+}
+
 /* More specific to override `.markdown-body a` color */
 .mx_EventTile_content .markdown-body a.mx_UserPill,
 .mx_UserPill {

diff --git a/src/components/views/elements/Pill.js b/src/components/views/elements/Pill.js
@@ -271,7 +271,7 @@ const Pill = React.createClass({
                 break;
         }
 
-        const classes = classNames(pillClass, {
+        const classes = classNames("mx_Pill", pillClass, {
             "mx_UserPill_me": userId === MatrixClientPeg.get().credentials.userId,
             "mx_UserPill_selected": this.props.isSelected,
         });