diff options
author | Marco Ambrosini <marcoambrosini@icloud.com> | 2022-08-31 11:17:59 +0300 |
---|---|---|
committer | Marco Ambrosini <marcoambrosini@icloud.com> | 2022-08-31 11:17:59 +0300 |
commit | a9cc254a7a9fedc24b20a0176463f108e67f802f (patch) | |
tree | 8e8eb8e66fb2660d91dbdc51e9a0d7678fcc8758 /src/components | |
parent | b5841dce83c7883cfa82f4cc2c9619de482f2ed3 (diff) |
Filter voters
Signed-off-by: Marco Ambrosini <marcoambrosini@icloud.com>
Diffstat (limited to 'src/components')
-rw-r--r-- | src/components/MessagesList/MessagesGroup/Message/MessagePart/Poll.vue | 15 |
1 files changed, 12 insertions, 3 deletions
diff --git a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Poll.vue b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Poll.vue index a4b39d4b2..c4a194ca4 100644 --- a/src/components/MessagesList/MessagesGroup/Message/MessagePart/Poll.vue +++ b/src/components/MessagesList/MessagesGroup/Message/MessagePart/Poll.vue @@ -130,9 +130,11 @@ {{ getVotePercentage(index) + '%' }} </p> </div> - <div> + <div class="results__option__details"> <PollVotersDetails v-if="details" - :details="details" /> + :details="details.filter((item) => { + return item.optionId === index + }).slice(0, 8)" /> <p v-if="selfHasVotedOption(index)" class="results__option-subtitle"> {{ t('spreed','You voted') }} </p> @@ -520,15 +522,21 @@ export default { .results__options { display: flex; flex-direction: column; - gap: 20px; + gap: 24px; word-wrap: anywhere; margin: 8px 0 20px 0; } .results__option { display: flex; flex-direction: column; + + &__details { + display: flex; + } + &-subtitle { color: var(--color-text-maxcontrast); + margin-left: 8px; } &-progress { @@ -540,6 +548,7 @@ export default { display: flex; justify-content: space-between; align-items: flex-start; + margin-bottom: 4px; .percentage { white-space: nowrap; margin-left: 16px; |