Prevent text overlapping on poll options (#7187)

This commit is contained in:
Andy Balaam 2021-11-23 11:16:31 +00:00 committed by GitHub
parent d705fdd6e4
commit 359962af6c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 153 additions and 95 deletions

View file

@ -120,14 +120,18 @@ exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] =
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
1 vote
</div>
<div
className="mx_MPollBody_optionText"
>
Pizza
<div
className="mx_MPollBody_optionText"
>
Pizza
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
1 vote
</div>
</div>
</div>
<div
@ -178,14 +182,18 @@ exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] =
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Poutine
<div
className="mx_MPollBody_optionText"
>
Poutine
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -236,14 +244,18 @@ exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] =
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
3 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Italian
<div
className="mx_MPollBody_optionText"
>
Italian
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
3 votes
</div>
</div>
</div>
<div
@ -294,14 +306,18 @@ exports[`MPollBody renders a poll with local, non-local and invalid votes 1`] =
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
1 vote
</div>
<div
className="mx_MPollBody_optionText"
>
Wings
<div
className="mx_MPollBody_optionText"
>
Wings
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
1 vote
</div>
</div>
</div>
<div
@ -453,14 +469,18 @@ exports[`MPollBody renders a poll with no votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Pizza
<div
className="mx_MPollBody_optionText"
>
Pizza
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -511,14 +531,18 @@ exports[`MPollBody renders a poll with no votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Poutine
<div
className="mx_MPollBody_optionText"
>
Poutine
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -569,14 +593,18 @@ exports[`MPollBody renders a poll with no votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Italian
<div
className="mx_MPollBody_optionText"
>
Italian
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -627,14 +655,18 @@ exports[`MPollBody renders a poll with no votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Wings
<div
className="mx_MPollBody_optionText"
>
Wings
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -786,14 +818,18 @@ exports[`MPollBody renders a poll with only non-local votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Pizza
<div
className="mx_MPollBody_optionText"
>
Pizza
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -844,14 +880,18 @@ exports[`MPollBody renders a poll with only non-local votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
0 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Poutine
<div
className="mx_MPollBody_optionText"
>
Poutine
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
0 votes
</div>
</div>
</div>
<div
@ -902,14 +942,18 @@ exports[`MPollBody renders a poll with only non-local votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
2 votes
</div>
<div
className="mx_MPollBody_optionText"
>
Italian
<div
className="mx_MPollBody_optionText"
>
Italian
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
2 votes
</div>
</div>
</div>
<div
@ -960,14 +1004,18 @@ exports[`MPollBody renders a poll with only non-local votes 1`] = `
className="mx_StyledRadioButton_content"
>
<div
className="mx_MPollBody_optionVoteCount"
className="mx_MPollBody_optionDescription"
>
1 vote
</div>
<div
className="mx_MPollBody_optionText"
>
Wings
<div
className="mx_MPollBody_optionText"
>
Wings
</div>
<div
className="mx_MPollBody_optionVoteCount"
>
1 vote
</div>
</div>
</div>
<div