Polls: Construct an html field during normalization.

Input of emoji in polls could use some work, but it's a different issue.

Closes #589 (closed)

src/components/poll/poll.vue

@@ -17,7 +17,7 @@
           <span class="result-percentage">
             {{ percentageForOption(option.votes_count) }}%
           </span>
-          <span>{{ option.title }}</span>
+          <span v-html="option.title_html"></span>
         </div>
         <div
           class="result-fill"
@@ -75,6 +75,12 @@
 @import '../../_variables.scss';
 
 .poll {
+  img.emoji {
+    vertical-align: middle;
+    object-fit: contain;
+    width: 32px;
+    height: 32px;
+  }
   .votes {
     display: flex;
     flex-direction: column;

[Shpuld Shpludson]

wondering if we have the same kind of class elsewhere too, seems problematic to have same styles for custom emoji in multiple places

[lain]

yeah, was wondering as well.

[lain]

I mean, I took this from status.vue, but i wasn't sure if it was safe to do on a more global level.

[HJ]

me wondering three.

[Shpuld Shpludson]

to me it seems like the one in status_content.vue should be separated from being .status-content's child to .status-body's child, then any img.emoji should get it... as long as polls are always in statuses

[HJ]

ideally, in world where #857 (closed) is implemented we could just declare global "helper" class ._emoji that would set all the correct things across the page, while consumers (like polls, emoji picker, status header) could just override the dimensions of needed.

[lain]

I can put it into status_content.vue. #857 (closed) would be indeed good, we can switch things around to that once we have it.