Merge branch 'fixes-roundup5' into shigusegubu-themes3

src/components/checkbox/checkbox.vue

@@ -69,15 +69,6 @@ export default {
   display: inline-block;
   min-height: 1.2em;
 
-  &.-radio {
-    .checkbox-indicator {
-      &,
-      &::before {
-        border-radius: 9999px;
-      }
-    }
-  }
-
   &-indicator,
   & .label {
     vertical-align: middle;
@@ -117,6 +108,19 @@ export default {
     box-sizing: border-box;
   }
 
+  &.-radio {
+    .checkbox-indicator {
+      &,
+      &::before {
+        border-radius: 9999px;
+      }
+
+      &::before {
+        content: "•";
+      }
+    }
+  }
+
   .disabled {
     .checkbox-indicator::before {
       background-color: var(--background);

src/components/poll/poll.js

@@ -2,7 +2,6 @@ import Timeago from 'components/timeago/timeago.vue'
 import genRandomSeed from '../../services/random_seed/random_seed.service.js'
 import RichContent from 'components/rich_content/rich_content.jsx'
 import Checkbox from 'components/checkbox/checkbox.vue'
-import { forEach, map } from 'lodash'
 import { usePollsStore } from 'src/stores/polls'
 
 export default {
@@ -46,6 +45,13 @@ export default {
     expired () {
       return (this.poll && this.poll.expired) || false
     },
+    expirationLabel () {
+      if (this.$store.getters.mergedConfig.useAbsoluteTimeFormat) {
+        return this.expired ? 'polls.expired_at' : 'polls.expires_at'
+      } else {
+        return this.expired ? 'polls.expired' : 'polls.expires_in'
+      }
+    },
     loggedIn () {
       return this.$store.state.users.currentUser
     },

src/components/poll/poll.scss

@@ -47,18 +47,12 @@
     width: 3.5em;
   }
 
-  .footer {
-    display: flex;
-    align-items: center;
-    flex-wrap: wrap;
-  }
-
   &.loading * {
     cursor: progress;
   }
 
   .poll-vote-button {
-    padding: 0 0.5em;
+    padding: 0 1em;
     margin-right: 0.5em;
   }
 

src/components/poll/poll.vue

@@ -44,7 +44,6 @@
             :model-value="choices[index]"
             @update:model-value="value => activateOption(index, value)"
           >
-            {{ choices[index] }}
             <RichContent
               :id="`option-vote-${randomSeed}-${index}`"
               :html="option.title_html"
@@ -56,15 +55,7 @@
       </div>
     </div>
     <div class="footer faint">
-      <button
-        v-if="!showResults"
-        class="btn button-default poll-vote-button"
-        type="button"
-        :disabled="isDisabled"
-        @click="vote"
-      >
-        {{ $t('polls.vote') }}
-      </button>
+      <p>
         <span
           v-if="poll.pleroma?.non_anonymous"
           :title="$t('polls.non_anonymous_title')"
@@ -72,7 +63,7 @@
           {{ $t('polls.non_anonymous') }}
           &nbsp;·&nbsp;
         </span>
-      <div class="total">
+        <span class="total">
           <template v-if="typeof poll.voters_count === 'number'">
             {{ $t("polls.people_voted_count", { count: poll.voters_count }, poll.voters_count) }}
           </template>
@@ -82,11 +73,11 @@
           <span v-if="expiresAt !== null">
             &nbsp;·&nbsp;
           </span>
-      </div>
+        </span>
         <span v-if="expiresAt !== null">
           <i18n-t
             scope="global"
-          :keypath="expired ? 'polls.expired' : 'polls.expires_in'"
+            :keypath="expirationLabel"
           >
             <Timeago
               :time="expiresAt"
@@ -95,10 +86,20 @@
             />
           </i18n-t>
         </span>
+      </p>
+      <button
+        v-if="!showResults"
+        class="btn button-default poll-vote-button"
+        type="button"
+        :disabled="isDisabled"
+        @click="vote"
+      >
+        {{ $t('polls.vote') }}
+      </button>
     </div>
   </div>
 </template>
 
 <script src="./poll.js"></script>
 
-<style src="./poll.scss" lang="scss"/>
+<style src="./poll.scss" lang="scss" />

src/i18n/en.json

@@ -231,8 +231,9 @@
     "single_choice": "Single choice",
     "multiple_choices": "Multiple choices",
     "expiry": "Poll age",
-    "expires_in": "Poll ends in {0}",
+    "expires_at": "Poll ends {0}",
     "expired": "Poll ended {0} ago",
+    "expired_at": "Poll ended {0}",
     "not_enough_options": "Too few unique options in poll",
     "non_anonymous": "Public poll",
     "non_anonymous_title": "Other instances may display the options you voted for"