From 13887a33da2e0b63c823c88487cba8b1848bb8d9 Mon Sep 17 00:00:00 2001
From: Shane H <Hucxley@users.noreply.github.com>
Date: Fri, 30 Dec 2022 01:10:29 -0500
Subject: [PATCH] fix: Move character remaining count from Publish Editor to
 action bar (#656)

Co-authored-by: patak <matias.capeletto@gmail.com>
---
 components/publish/PublishWidget.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index d132fede..64f73953 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -213,9 +213,6 @@ defineExpose({
             flex max-w-full
             :class="shouldExpanded ? 'min-h-30 md:max-h-[calc(100vh-200px)] sm:max-h-[calc(100vh-400px)] max-h-35 of-y-auto overscroll-contain' : ''"
           />
-          <div v-if="shouldExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>
-            {{ characterLimit - editor?.storage.characterCount.characters() }}
-          </div>
         </div>
 
         <div v-if="isUploading" flex gap-1 items-center text-sm p1 text-primary>
@@ -299,6 +296,10 @@ defineExpose({
 
         <div flex-auto />
 
+        <div pointer-events-none pr-1 pt-2 text-sm tabular-nums text-secondary flex gap-0.5>
+          {{ editor?.storage.characterCount.characters() }}<span text-secondary-light>/</span><span text-secondary-light>{{ characterLimit }}</span>
+        </div>
+
         <CommonTooltip placement="bottom" :content="$t('tooltip.add_content_warning')">
           <button btn-action-icon :aria-label="$t('tooltip.add_content_warning')" @click="toggleSensitive">
             <div v-if="draft.params.sensitive" i-ri:alarm-warning-fill text-orange />