mirror of
https://github.com/typemill/typemill.git
synced 2025-07-25 00:02:28 +02:00
Update vue-publisher.js
Don't limit button width. On non-english languages this value break markup - not enough width
This commit is contained in:
@@ -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;
|
||||
}
|
||||
},
|
||||
})
|
||||
})
|
||||
|
Reference in New Issue
Block a user