Poll-related cleanup

Author: arnautov-anton

src/components/Poll/styling/Poll.scss

@@ -29,16 +29,16 @@
       flex-direction: column;
       align-items: center;
       gap: var(--spacing-xs);
+    }
 
-      .str-chat__button.str-chat__poll-action {
-        width: 100%;
-        border: 1px solid var(--chat-border-on-chat);
-        padding: var(--button-padding-y-sm) var(--button-padding-x-with-label-sm);
-        font: var(--str-chat__font-body-emphasis);
+    .str-chat__button.str-chat__poll-action {
+      width: 100%;
+      border: 1px solid var(--chat-border-on-chat);
+      padding: var(--button-padding-y-sm) var(--button-padding-x-with-label-sm);
+      font: var(--str-chat__font-caption-emphasis);
 
-        &.str-chat__poll-action--additional {
-          border: none;
-        }
+      &.str-chat__poll-action--additional {
+        border: none;
       }
     }
   }

src/components/Poll/styling/PollOptionFullList.scss

@@ -10,15 +10,15 @@
     padding-bottom: var(--spacing-xl);
 
     .str-chat__poll-option-list--full {
-      gap: var(--spacing-xxs);
+      gap: var(--spacing-xs);
       scrollbar-width: none;
-      padding: var(--spacing-sm) var(--spacing-xxs);
+      padding: var(--spacing-xs);
       border-radius: var(--radius-lg);
       background-color: var(--background-core-surface-card);
 
       .str-chat__poll-option {
         padding: var(--spacing-xs);
-        border-radius: var(--radius-lg);
+        border-radius: var(--radius-md);
       }
       .str-chat__poll-option--votable {
         &:hover {

src/components/Poll/styling/PollOptionList.scss

@@ -28,7 +28,7 @@
       height: var(--str-chat__poll-checkmark-size);
       width: var(--str-chat__poll-checkmark-size);
       border-radius: var(--radius-max);
-      border: 1px solid var(--chat-border-on-chat);
+      border: 1px solid var(--chat-border-on-chat, var(--chat-border-on-chat-incoming));
     }
 
     .str-chat__checkmark--checked {
@@ -43,7 +43,7 @@
     .str-chat__poll-option-data {
       flex: 1;
       display: flex;
-      align-items: start;
+      align-items: baseline;
       gap: var(--spacing-xs);
       grid-column: 2 / 3;
       grid-row: 1 / 2;
@@ -53,6 +53,8 @@
       p {
         margin: 0;
         flex: 1;
+        word-break: break-word;
+        hyphens: auto;
       }
 
       .str-chat__poll-option-votes {
@@ -79,18 +81,12 @@
       width: 100%;
       background: linear-gradient(
         to right,
-        var(--chat-poll-progress-fill) var(--str-chat__amount-bar-fulfillment),
-        var(--chat-poll-progress-track) var(--str-chat__amount-bar-fulfillment)
+        var(--chat-poll-progress-fill, var(--chat-poll-progress-fill-incoming))
+          var(--str-chat__amount-bar-fulfillment),
+        var(--chat-poll-progress-track, var(--chat-poll-progress-track-incoming))
+          var(--str-chat__amount-bar-fulfillment)
       );
       border-radius: var(--size-4);
     }
   }
 }
-
-.str-chat__message--me {
-  .str-chat__poll-option-list {
-    .str-chat__checkmark {
-      border: 1px solid var(--chat-border-on-chat-outgoing);
-    }
-  }
-}

src/components/Poll/styling/PollResults.scss

@@ -56,6 +56,8 @@
 
           .str-chat__poll-option__option-text {
             flex: 1;
+            word-break: break-word;
+            hyphens: auto;
           }
         }
       }
@@ -119,7 +121,9 @@
     align-items: center;
     font: var(--str-chat__font-caption-emphasis);
 
-    svg {
+    .str-chat__icon {
+      height: var(--icon-size-md);
+      width: var(--icon-size-md);
     }
   }
 }