moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/settings_modal/admin_tabs/emoji_tab.scss
View File

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

36
src/components/settings_modal/admin_tabs/emoji_tab.vue
View File

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

14
src/components/settings_modal/helpers/emoji_editing_popover.vue
View File

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