Fix mention CSS for display names containing < >

This commit is contained in:
miruka 2020-07-07 10:17:28 -04:00
parent 2674702a59
commit 0dbc9ce659

View File

@ -20,9 +20,8 @@ HRowLayout {
if (! link.match(/^https?:\/\/matrix.to\/#\/@.+/)) continue if (! link.match(/^https?:\/\/matrix.to\/#\/@.+/)) continue
lines.push( lines.push(
`.mention[data-mention='${name}'] { color: ` + `.mention[data-mention='${utils.escapeHtml(name)}'] ` +
utils.nameColor(name) + `{ color: ${utils.nameColor(name)} }`
"}"
) )
} }
@ -48,6 +47,8 @@ HRowLayout {
readonly property string hoveredLink: contentLabel.hoveredLink readonly property string hoveredLink: contentLabel.hoveredLink
readonly property bool hoveredSelectable: contentHover.hovered readonly property bool hoveredSelectable: contentHover.hovered
readonly property alias contentLabel: contentLabel
readonly property int xOffset: readonly property int xOffset:
onRight ? onRight ?
Math.min( Math.min(