Allow ending polls (#7305)

Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>

res/css/views/context_menus/_MessageContextMenu.scss

@@ -54,6 +54,10 @@ limitations under the License.
         mask-image: url('$(res)/img/element-icons/settings/appearance.svg');
     }
 
+    .mx_MessageContextMenu_iconEndPoll::before {
+        mask-image: url('$(res)/img/element-icons/check-white.svg');
+    }
+
     .mx_MessageContextMenu_iconForward::before {
         mask-image: url('$(res)/img/element-icons/message/fwd.svg');
     }

res/css/views/messages/_MPollBody.scss

@@ -45,16 +45,17 @@ limitations under the License.
         border: 1px solid $quinary-content;
         border-radius: 8px;
         margin-bottom: 16px;
-        padding: 6px;
+        padding: 6px 12px;
         max-width: 550px;
         background-color: $background;
 
-        .mx_StyledRadioButton {
+        .mx_StyledRadioButton, .mx_MPollBody_endedOption {
             margin-bottom: 8px;
         }
 
-        .mx_StyledRadioButton_content {
+        .mx_StyledRadioButton_content, .mx_MPollBody_endedOption {
             padding-top: 2px;
+            margin-right: 0px;
         }
 
         .mx_StyledRadioButton_spacer {
@@ -73,7 +74,7 @@ limitations under the License.
         }
 
         .mx_MPollBody_popularityBackground {
-            width: calc(100% - 6px);
+            width: 100%;
             height: 8px;
             margin-right: 12px;
             border-radius: 8px;
@@ -102,20 +103,37 @@ limitations under the License.
         }
     }
 
-    .mx_StyledRadioButton_checked input[type="radio"] + div {
-        border-width: 2px;
-        border-color: $accent;
-        background-color: $accent;
-        background-image: url('$(res)/img/element-icons/check-white.svg');
-        background-size: 12px;
-        background-repeat: no-repeat;
-        background-position: center;
+    .mx_StyledRadioButton_checked, .mx_MPollBody_endedOptionWinner {
+        input[type="radio"] + div {
+            border-width: 2px;
+            border-color: $accent;
+            background-color: $accent;
+            background-image: url('$(res)/img/element-icons/check-white.svg');
+            background-size: 12px;
+            background-repeat: no-repeat;
+            background-position: center;
 
-        div {
-            visibility: hidden;
+            div {
+                visibility: hidden;
+            }
         }
     }
 
+    .mx_MPollBody_endedOptionWinner .mx_MPollBody_optionDescription .mx_MPollBody_optionVoteCount::before {
+        content: '';
+        position: relative;
+        display: inline-block;
+        margin-right: 4px;
+        top: 2px;
+        height: 12px;
+        width: 12px;
+        background-color: $accent;
+        mask-repeat: no-repeat;
+        mask-size: contain;
+        mask-position: center;
+        mask-image: url('$(res)/img/element-icons/trophy.svg');
+    }
+
     .mx_MPollBody_totalVotes {
         color: $secondary-content;
         font-size: $font-12px;

res/img/element-icons/trophy.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10.6667 1.33333H9.33333V0.666667C9.33333 0.3 9.03333 0 8.66667 0H3.33333C2.96667 0 2.66667 0.3 2.66667 0.666667V1.33333H1.33333C0.6 1.33333 0 1.93333 0 2.66667V3.33333C0 5.03333 1.28 6.42 2.92667 6.62667C3.34667 7.62667 4.24667 8.38 5.33333 8.6V10.6667H3.33333C2.96667 10.6667 2.66667 10.9667 2.66667 11.3333C2.66667 11.7 2.96667 12 3.33333 12H8.66667C9.03333 12 9.33333 11.7 9.33333 11.3333C9.33333 10.9667 9.03333 10.6667 8.66667 10.6667H6.66667V8.6C7.75333 8.38 8.65333 7.62667 9.07333 6.62667C10.72 6.42 12 5.03333 12 3.33333V2.66667C12 1.93333 11.4 1.33333 10.6667 1.33333ZM1.33333 3.33333V2.66667H2.66667V5.21333C1.89333 4.93333 1.33333 4.2 1.33333 3.33333ZM10.6667 3.33333C10.6667 4.2 10.1067 4.93333 9.33333 5.21333V2.66667H10.6667V3.33333Z" fill="#0DBD8B"/>
+</svg>