emoji management fixes for themes3

This commit is contained in:
Henry Jameson 2024-03-06 10:34:56 +02:00
parent 962bce5ee3
commit 7df207c9d4
3 changed files with 39 additions and 17 deletions

View File

@ -1,5 +1,3 @@
@import "src/variables";
.emoji-tab {
.btn-group .btn:not(:first-child) {
margin-left: 0.5em;
@ -25,7 +23,7 @@
}
.emoji-unsaved {
box-shadow: 0 3px 5px var(--cBlue, $fallback--cBlue);
box-shadow: 0 3px 5px var(--cBlue);
}
.emoji-list {
@ -56,6 +54,6 @@
}
.warning {
color: var(--cOrange, $fallback--cOrange);
color: var(--cOrange);
}
}

View File

@ -43,7 +43,11 @@
<template #content>
<div class="emoji-tab-popover-input">
<h3>{{ $t('admin_dash.emoji.remote_pack_instance') }}</h3>
<input v-model="remotePackInstance" :placeholder="$t('admin_dash.emoji.remote_pack_instance')">
<input
v-model="remotePackInstance"
class="input"
:placeholder="$t('admin_dash.emoji.remote_pack_instance')"
>
<button
class="button button-default btn emoji-tab-popover-button"
type="button"
@ -86,7 +90,11 @@
<template #content>
<div class="emoji-tab-popover-input">
<h3>{{ $t('admin_dash.emoji.new_pack_name') }}</h3>
<input v-model="newPackName" :placeholder="$t('admin_dash.emoji.new_pack_name')">
<input
v-model="newPackName"
:placeholder="$t('admin_dash.emoji.new_pack_name')"
class="input"
>
<button
class="button button-default btn emoji-tab-popover-button"
type="button"
@ -110,7 +118,8 @@
<textarea
v-model="packMeta.description"
:disabled="pack.remote !== undefined"
class="bio resize-height" />
class="bio resize-height input"
/>
</label>
</li>
<li>
@ -119,7 +128,8 @@
<ModifiedIndicator :changed="metaEdited('homepage')" message-key="admin_dash.emoji.metadata_changed" />
<input
class="emoji-info-input" v-model="packMeta.homepage"
class="emoji-info-input input"
v-model="packMeta.homepage"
:disabled="pack.remote !== undefined">
</label>
</li>
@ -128,14 +138,22 @@
{{ $t('admin_dash.emoji.fallback_src') }}
<ModifiedIndicator :changed="metaEdited('fallback-src')" message-key="admin_dash.emoji.metadata_changed" />
<input class="emoji-info-input" v-model="packMeta['fallback-src']" :disabled="pack.remote !== undefined">
<input
class="emoji-info-input input"
v-model="packMeta['fallback-src']"
:disabled="pack.remote !== undefined"
>
</label>
</li>
<li>
<label>
{{ $t('admin_dash.emoji.fallback_sha256') }}
<input :disabled="true" class="emoji-info-input" v-model="packMeta['fallback-src-sha256']">
<input
:disabled="true"
class="emoji-info-input input"
v-model="packMeta['fallback-src-sha256']"
>
</label>
</li>
<li>
@ -202,9 +220,11 @@
<div class="emoji-tab-popover-input">
<label>
{{ $t('admin_dash.emoji.download_as_name') }}
<input class="emoji-data-input"
<input
class="emoji-data-input input"
v-model="remotePackDownloadAs"
:placeholder="$t('admin_dash.emoji.download_as_name_full')">
:placeholder="$t('admin_dash.emoji.download_as_name_full')"
>
</label>
<div v-if="downloadWillReplaceLocal" class="warning">

View File

@ -25,16 +25,18 @@
<input
type="file"
accept="image/*"
class="emoji-tab-popover-file"
class="emoji-tab-popover-file input"
@change="uploadFile = $event.target.files">
</div>
<div>
<div class="emoji-tab-popover-input">
<label>
{{ $t('admin_dash.emoji.shortcode') }}
<input class="emoji-data-input"
<input
class="emoji-data-input input"
v-model="editedShortcode"
:placeholder="$t('admin_dash.emoji.new_shortcode')">
:placeholder="$t('admin_dash.emoji.new_shortcode')"
>
</label>
</div>
@ -42,9 +44,11 @@
<label>
{{ $t('admin_dash.emoji.filename') }}
<input class="emoji-data-input"
<input
class="emoji-data-input input"
v-model="editedFile"
:placeholder="$t('admin_dash.emoji.new_filename')">
:placeholder="$t('admin_dash.emoji.new_filename')"
>
</label>
</div>