Clamp reaction content width to at most 100px

Part of https://github.com/vector-im/riot-web/issues/10256
This commit is contained in:
J. Ryan Stinnett 2019-07-05 16:17:17 +01:00
parent 2a8f9a81f7
commit eb0e1eade4
2 changed files with 15 additions and 2 deletions

View file

@ -15,7 +15,7 @@ limitations under the License.
*/
.mx_ReactionsRowButton {
display: inline-block;
display: inline-flex;
height: 20px;
line-height: 21px;
margin-right: 6px;
@ -35,3 +35,11 @@ limitations under the License.
border-color: $reaction-row-button-selected-border-color;
}
}
.mx_ReactionsRowButton_content {
max-width: 100px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 4px;
}