From 8c32babec4fcee4a50758c15adb86b9cd2f90c27 Mon Sep 17 00:00:00 2001
From: Sergey Mochalov <proweb@users.noreply.github.com>
Date: Fri, 7 Mar 2025 14:52:28 +0300
Subject: [PATCH] Update vue-publisher.js

Don't limit button width. On non-english languages this value break markup - not enough width
---
 system/typemill/author/js/vue-publisher.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/system/typemill/author/js/vue-publisher.js b/system/typemill/author/js/vue-publisher.js
index 4ca4020..f4353d5 100644
--- a/system/typemill/author/js/vue-publisher.js
+++ b/system/typemill/author/js/vue-publisher.js
@@ -11,7 +11,7 @@ const publisher = Vue.createApp({
 							v-if="raw" 
 							@click.prevent="saveDraft" 
 							:disabled="nochanges"
-							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
+							class="cursor-pointer ml-1 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							:class="publishClass"
 							>
 							{{ $filters.translate('draft') }}
@@ -20,7 +20,7 @@ const publisher = Vue.createApp({
 							v-if="raw"
 							@click.prevent="publishDraft"
 							:disabled="nopublish"
-							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
+							class="cursor-pointer ml-1 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							:class="publishClass"
 							>
 							<span class="block lg:hidden">{{ $filters.translate('pub') }}</span>
@@ -30,7 +30,7 @@ const publisher = Vue.createApp({
 							v-if="visual"
 							@click.prevent="publishArticle"
 							:disabled="isPublished"
-							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
+							class="cursor-pointer ml-1 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							:class="publishClass"
 							>
 							<span class="block lg:hidden">{{ $filters.translate('pub') }}</span>
@@ -39,7 +39,7 @@ const publisher = Vue.createApp({
 						<button 
 							@click.prevent="showModal = 'discard'" 
 							:disabled="!isModified"
-							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-yellow-500 hover:bg-yellow-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
+							class="cursor-pointer ml-1 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-yellow-500 hover:bg-yellow-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							>
 							<span class="block lg:hidden">{{ $filters.translate('disc') }}</span>
 							<span class="hidden lg:block">{{ $filters.translate('discard') }}</span>
@@ -48,7 +48,7 @@ const publisher = Vue.createApp({
 							v-if="item.originalName != 'home'"
 							@click.prevent="checkUnpublish" 
 							:disabled="isUnpublished"
-							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-teal-500 hover:bg-teal-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
+							class="cursor-pointer ml-1 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 text-white bg-teal-500 hover:bg-teal-600 disabled:bg-stone-200 disabled:text-stone-900 disabled:dark:bg-stone-600 disabled:dark:text-stone-200 disabled:cursor-not-allowed transition" 
 							>
 							<span class="block lg:hidden">{{ $filters.translate('unpub') }}</span>
 							<span class="hidden lg:block">{{ $filters.translate('unpublish') }}</span>
@@ -56,7 +56,7 @@ const publisher = Vue.createApp({
 						<button 
 							v-if="item.originalName != 'home'"
 							@click.prevent="showModal = 'delete'"
-							class="cursor-pointer ml-1 lg:w-24 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 bg-stone-50 hover:bg-rose-500 hover:text-white transition" 
+							class="cursor-pointer ml-1 lg:px-4 px-2 py-2 border dark:border-0 border-stone-200 bg-stone-50 hover:bg-rose-500 hover:text-white transition" 
 							>
 							<span class="block lg:hidden">{{ $filters.translate('del') }}</span>
 							<span class="hidden lg:block">{{ $filters.translate('delete') }}</span>
@@ -450,4 +450,4 @@ const publisher = Vue.createApp({
 			window.location.href = url;			
 		}
 	},
-})
\ No newline at end of file
+})