Support for polls (can be created by room admins)

src/assets/css/_variables.scss

@@ -14,4 +14,6 @@ $chat-button-height: 50px;
 
 $voice-recorder-color: #6f6f6f;
 $voice-recording-color: red;
-$voice-recorded-color: #3ae17d;
+$voice-recorded-color: #3ae17d;
+
+$poll-hilite-color: $very-very-purple;

src/assets/css/components/_poll.scss

@@ -0,0 +1,61 @@
+.poll-bubble {
+  width: 70%;
+}
+
+.poll-answer {
+  border: 1px solid #666;
+  border-radius: 5px;
+  padding: 10px;
+  margin: 10px;
+  &.selected {
+    border: 1px solid $poll-hilite-color;
+  }
+  .poll-answer-title {
+    color: #444;
+  }
+  .poll-answer-num-votes {
+    font-size: 0.7rem;
+  }
+  justify-content: space-between;
+  position: relative;
+}
+
+.poll-percent-indicator {
+  position: absolute;
+  bottom: 2px;
+  left: 2px;
+  right: 2px;
+  height: 4px;
+  .bar {
+    background-color: $poll-hilite-color;
+    position: absolute;
+    bottom: 0px;
+    left: 0px;
+    top: 0px;
+    border-radius: 3px;
+  }
+}
+
+.poll-status {
+  margin: 10px;
+  justify-content: space-between;
+  .poll-status-title {
+    font-size: 0.7rem;
+  }
+
+  .poll-status-close {
+    font-size: 0.7rem;
+    color: $poll-hilite-color;
+  }
+}
+
+// Creation dialog
+//
+.poll-create-dialog-content {
+  max-height: 50vh;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.poll-create-status {
+  font-size: 0.7rem;
+}