Clamp reaction content width to at most 100px

Part of https://github.com/vector-im/riot-web/issues/10256
2019-07-05 16:17:17 +01:00 · 2019-07-05 16:17:17 +01:00 · eb0e1eade4
commit eb0e1eade4
parent 2a8f9a81f7
2 changed files with 15 additions and 2 deletions
--- a/src/components/views/messages/ReactionsRowButton.js
+++ b/src/components/views/messages/ReactionsRowButton.js
@ -101,7 +101,12 @@ export default class ReactionsRowButton extends React.PureComponent {
            onMouseOver={this.onMouseOver}
            onMouseOut={this.onMouseOut}
        >
-            {content} {count}
+            <span className="mx_ReactionsRowButton_content">
+                {content}
+            </span>
+            <span className="mx_ReactionsRowButton_count">
+                {count}
+            </span>
            {tooltip}
        </span>;
    }