From caa2fd44ff644a06c9a1a71716af18fb64598e4d Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 30 Dec 2024 00:21:17 +0200
Subject: [PATCH 1/4] center text

---
 src/components/dialog_modal/dialog_modal.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue
index 7ed22f6e9..a0913746e 100644
--- a/src/components/dialog_modal/dialog_modal.vue
+++ b/src/components/dialog_modal/dialog_modal.vue
@@ -71,6 +71,7 @@
     margin: 0;
     padding: 1rem;
     white-space: normal;
+    text-align: center;
   }
 
   .dialog-modal-footer {

From 843f9ff519edb65f2a562e9b1a2226eddc3177c9 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Mon, 30 Dec 2024 01:13:08 +0200
Subject: [PATCH 2/4] make buttons easier to press on mobile

---
 src/components/dialog_modal/dialog_modal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue
index a0913746e..096c8ac8c 100644
--- a/src/components/dialog_modal/dialog_modal.vue
+++ b/src/components/dialog_modal/dialog_modal.vue
@@ -115,7 +115,7 @@
 
     button {
       grid-column: 1;
-      height: 2em;
+      height: 3em;
     }
   }
 }

From f653ac4a62b3cbdec411f93f7d7c4cf8dab72424 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 31 Dec 2024 12:52:29 +0200
Subject: [PATCH 3/4] display poll indicators in drafts

---
 src/components/draft/draft.js    |  9 ++++++
 src/components/draft/draft.vue   | 52 +++++++++++++++++++++++++++-----
 src/components/drafts/drafts.vue |  1 +
 src/i18n/en.json                 |  2 ++
 4 files changed, 56 insertions(+), 8 deletions(-)

diff --git a/src/components/draft/draft.js b/src/components/draft/draft.js
index e31d02964..55ee11a15 100644
--- a/src/components/draft/draft.js
+++ b/src/components/draft/draft.js
@@ -5,6 +5,15 @@ import StatusContent from 'src/components/status_content/status_content.vue'
 import Gallery from 'src/components/gallery/gallery.vue'
 import { cloneDeep } from 'lodash'
 
+import { library } from '@fortawesome/fontawesome-svg-core'
+import {
+  faPollH
+} from '@fortawesome/free-solid-svg-icons'
+
+library.add(
+  faPollH
+)
+
 const Draft = {
   components: {
     PostStatusForm,
diff --git a/src/components/draft/draft.vue b/src/components/draft/draft.vue
index 6ccf8695d..9c4da3012 100644
--- a/src/components/draft/draft.vue
+++ b/src/components/draft/draft.vue
@@ -27,7 +27,8 @@
         />
       </div>
       <div class="status-preview">
-        <p>{{ draft.status }}</p>
+        <p v-if="draft.status">{{ draft.status }}</p>
+        <p v-else class="faint">{{ $t('drafts.empty') }}</p>
         <gallery
           v-if="draft.files?.length !== 0"
           class="attachments media-body"
@@ -39,6 +40,18 @@
           @play="$emit('mediaplay', attachment.id)"
           @pause="$emit('mediapause', attachment.id)"
         />
+        <div
+          v-if="draft.poll.options"
+          class="poll-indicator-container"
+          :title="$t('drafts.poll_tooltip')"
+        >
+          <div class="poll-indicator">
+            <FAIcon
+              icon="poll-h"
+              size="3x"
+            />
+          </div>
+        </div>
       </div>
     </div>
     <div v-if="editing">
@@ -88,12 +101,6 @@
 <style lang="scss">
 .Draft {
   position: relative;
-  line-height: 1.1;
-  font-size: initial;
-
-  a {
-    color: var(--link);
-  }
 
   .status-content {
     padding: 0.5em;
@@ -102,8 +109,11 @@
 
   .status-preview {
     display: grid;
-    grid-template-columns: 1fr 10em;
+    grid-template-columns: 1fr;
+    grid-auto-columns: 10em;
+    grid-auto-flow: column;
     grid-gap: 0.5em;
+    align-items: start;
     max-width: 100%;
 
     p {
@@ -111,6 +121,32 @@
       white-space: normal;
       overflow-x: hidden;
     }
+
+    .poll-indicator-container {
+      border-radius: var(--roundness);
+      display: grid;
+      justify-items: center;
+      align-items: center;
+      align-self: start;
+      height: 0;
+      padding-bottom: 62.5%;
+      position: relative;
+    }
+
+    .poll-indicator {
+      box-sizing: border-box;
+      border: 1px solid var(--border);
+      position: absolute;
+      top: 0;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      display: grid;
+      justify-items: center;
+      align-items: center;
+      width: 100%;
+      height: 100%;
+    }
   }
 
   .actions {
diff --git a/src/components/drafts/drafts.vue b/src/components/drafts/drafts.vue
index 796993524..9c9b3d584 100644
--- a/src/components/drafts/drafts.vue
+++ b/src/components/drafts/drafts.vue
@@ -13,6 +13,7 @@
         <List
           v-else
           :items="drafts"
+          :non-interactive="true"
         >
           <template #item="{ item: draft }">
             <Draft
diff --git a/src/i18n/en.json b/src/i18n/en.json
index c10b62a5f..9f35d4342 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -1514,6 +1514,8 @@
   "drafts": {
     "drafts": "Drafts",
     "no_drafts": "You have no drafts",
+    "empty": "(No content)",
+    "poll_tooltip": "Draft contains a poll",
     "continue": "Continue composing",
     "save": "Save without posting",
     "abandon": "Abandon draft",

From acbb53d6a40e422d637e7a0b07593a18c59b0c70 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 31 Dec 2024 13:05:15 +0200
Subject: [PATCH 4/4] proper disable

---
 src/App.scss                                  |  4 +++
 src/components/draft/draft.vue                | 11 ++++++--
 src/components/menu_item.style.js             | 27 +++++++++++++++++--
 .../post_status_form/post_status_form.js      | 10 ++++---
 .../post_status_form/post_status_form.vue     |  2 ++
 5 files changed, 47 insertions(+), 7 deletions(-)

diff --git a/src/App.scss b/src/App.scss
index dc784fdd0..1b781304e 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -402,6 +402,10 @@ nav {
     color: var(--text);
     font-size: 100%;
   }
+
+  &.disabled {
+    cursor: not-allowed;
+  }
 }
 
 .menu-item,
diff --git a/src/components/draft/draft.vue b/src/components/draft/draft.vue
index 9c4da3012..46227b684 100644
--- a/src/components/draft/draft.vue
+++ b/src/components/draft/draft.vue
@@ -27,8 +27,15 @@
         />
       </div>
       <div class="status-preview">
-        <p v-if="draft.status">{{ draft.status }}</p>
-        <p v-else class="faint">{{ $t('drafts.empty') }}</p>
+        <span class="status_content">
+          <p v-if="draft.spoilerText">
+            <i>
+              {{ draft.spoilerText }}:
+            </i>
+          </p>
+          <p v-if="draft.status">{{ draft.status }}</p>
+          <p v-else class="faint">{{ $t('drafts.empty') }}</p>
+        </span>
         <gallery
           v-if="draft.files?.length !== 0"
           class="attachments media-body"
diff --git a/src/components/menu_item.style.js b/src/components/menu_item.style.js
index 5b3ff699c..d7fe0f7c7 100644
--- a/src/components/menu_item.style.js
+++ b/src/components/menu_item.style.js
@@ -11,8 +11,9 @@ export default {
     'Avatar'
   ],
   states: {
-    hover: ':hover',
-    active: '.-active'
+    hover: ':hover:not(.disabled)',
+    active: '.-active',
+    disabled: '.disabled'
   },
   defaultRules: [
     {
@@ -85,6 +86,28 @@ export default {
         textColor: '--link',
         textAuto: 'no-preserve'
       }
+    },
+    {
+      component: 'Text',
+      parent: {
+        component: 'MenuItem',
+        state: ['disabled']
+      },
+      directives: {
+        textOpacity: 0.25,
+        textOpacityMode: 'blend'
+      }
+    },
+    {
+      component: 'Icon',
+      parent: {
+        component: 'MenuItem',
+        state: ['disabled']
+      },
+      directives: {
+        textOpacity: 0.25,
+        textOpacityMode: 'blend'
+      }
     }
   ]
 }
diff --git a/src/components/post_status_form/post_status_form.js b/src/components/post_status_form/post_status_form.js
index 352dad6fc..c31b86be0 100644
--- a/src/components/post_status_form/post_status_form.js
+++ b/src/components/post_status_form/post_status_form.js
@@ -352,6 +352,12 @@ const PostStatusForm = {
         return this.$t('post_status.auto_save_nothing_new')
       }
     },
+    safeToSaveDraft () {
+      return this.newStatus.status ||
+        this.newStatus.spoilerText ||
+        this.newStatus.files?.length ||
+        this.newStatus.hasPoll
+    },
     ...mapGetters(['mergedConfig']),
     ...mapState({
       mobileLayout: state => state.interface.mobileLayout
@@ -747,9 +753,7 @@ const PostStatusForm = {
     saveDraft () {
       if (!this.disableDraft &&
           !this.saveInhibited) {
-        if (this.newStatus.status ||
-            this.newStatus.files?.length ||
-            this.newStatus.hasPoll) {
+        if (this.safeToSaveDraft) {
           return this.$store.dispatch('addOrSaveDraft', { draft: this.newStatus })
             .then(id => {
               if (this.newStatus.id !== id) {
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 20bf81916..8607b5a8f 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -339,6 +339,8 @@
                   v-if="!disableDraft"
                   class="menu-item dropdown-item dropdown-item-icon"
                   role="menu"
+                  :disabled="!safeToSaveDraft"
+                  :class="{ disabled: !safeToSaveDraft }"
                   @click.prevent="saveDraft"
                   @click="close"
                 >