attachment buttons

This commit is contained in:
Henry Jameson 2025-02-18 00:07:45 +02:00
parent bcea217705
commit f7f09f0dbc
3 changed files with 14 additions and 12 deletions

View file

@ -4,7 +4,7 @@ export default {
notEditable: true, notEditable: true,
validInnerComponents: [ validInnerComponents: [
'Border', 'Border',
'ButtonUnstyled', 'Button',
'Input' 'Input'
], ],
defaultRules: [ defaultRules: [
@ -14,7 +14,7 @@ export default {
} }
}, },
{ {
component: 'ButtonUnstyled', component: 'Button',
parent: { component: 'Attachment' }, parent: { component: 'Attachment' },
directives: { directives: {
background: '#FFFFFF', background: '#FFFFFF',

View file

@ -1,7 +1,7 @@
<template> <template>
<button <button
v-if="usePlaceholder" v-if="usePlaceholder"
class="Attachment -placeholder button-unstyled" class="Attachment -placeholder button-default"
:class="classNames" :class="classNames"
@click="openModal" @click="openModal"
> >
@ -23,7 +23,7 @@
> >
<button <button
v-if="remove" v-if="remove"
class="button-unstyled attachment-button" class="button-default attachment-button"
@click.prevent="onRemove" @click.prevent="onRemove"
> >
<FAIcon icon="trash-alt" /> <FAIcon icon="trash-alt" />
@ -81,7 +81,7 @@
> >
<button <button
v-if="type === 'flash' && flashLoaded" v-if="type === 'flash' && flashLoaded"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.attachment_stop_flash')" :title="$t('status.attachment_stop_flash')"
@click.prevent="stopFlash" @click.prevent="stopFlash"
> >
@ -89,7 +89,7 @@
</button> </button>
<button <button
v-if="attachment.description && size !== 'small' && !edit && type !== 'unknown'" v-if="attachment.description && size !== 'small' && !edit && type !== 'unknown'"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.show_attachment_description')" :title="$t('status.show_attachment_description')"
@click.prevent="toggleDescription" @click.prevent="toggleDescription"
> >
@ -97,7 +97,7 @@
</button> </button>
<button <button
v-if="!useModal && type !== 'unknown'" v-if="!useModal && type !== 'unknown'"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.show_attachment_in_modal')" :title="$t('status.show_attachment_in_modal')"
@click.prevent="openModalForce" @click.prevent="openModalForce"
> >
@ -105,7 +105,7 @@
</button> </button>
<button <button
v-if="nsfw && hideNsfwLocal" v-if="nsfw && hideNsfwLocal"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.hide_attachment')" :title="$t('status.hide_attachment')"
@click.prevent="toggleHidden" @click.prevent="toggleHidden"
> >
@ -113,7 +113,7 @@
</button> </button>
<button <button
v-if="shiftUp" v-if="shiftUp"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.move_up')" :title="$t('status.move_up')"
@click.prevent="onShiftUp" @click.prevent="onShiftUp"
> >
@ -121,7 +121,7 @@
</button> </button>
<button <button
v-if="shiftDn" v-if="shiftDn"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.move_down')" :title="$t('status.move_down')"
@click.prevent="onShiftDn" @click.prevent="onShiftDn"
> >
@ -129,7 +129,7 @@
</button> </button>
<button <button
v-if="remove" v-if="remove"
class="button-unstyled attachment-button" class="button-default attachment-button"
:title="$t('status.remove_attachment')" :title="$t('status.remove_attachment')"
@click.prevent="onRemove" @click.prevent="onRemove"
> >

View file

@ -33,9 +33,11 @@ const components = {
Icon: null, Icon: null,
Border: null, Border: null,
PanelHeader: null, PanelHeader: null,
Attachment: null,
Panel: null, Panel: null,
Chat: null, Chat: null,
ChatMessage: null ChatMessage: null,
Button: null
} }
export const findShadow = (shadows, { dynamicVars, staticVars }) => { export const findShadow = (shadows, { dynamicVars, staticVars }) => {