fix(client): クリップの設定を編集できない問題を修正

Fix #8046
This commit is contained in:
syuilo 2021-12-10 16:15:36 +09:00
parent 225d7701a4
commit 7e26daa51b
2 changed files with 17 additions and 12 deletions

View file

@ -16,6 +16,7 @@
### Bugfixes ### Bugfixes
- クライアント: タッチ機能付きディスプレイを使っていてマウス操作をしている場合に一部機能が動作しない問題を修正 - クライアント: タッチ機能付きディスプレイを使っていてマウス操作をしている場合に一部機能が動作しない問題を修正
- クライアント: クリップの設定を編集できない問題を修正
## 12.98.0 (2021/12/03) ## 12.98.0 (2021/12/03)

View file

@ -1,16 +1,18 @@
<template> <template>
<div v-if="clip" class="_section"> <MkSpacer :content-max="800">
<div class="okzinsic _content _panel _gap"> <div v-if="clip">
<div v-if="clip.description" class="description"> <div class="okzinsic _panel">
<Mfm :text="clip.description" :is-note="false" :i="$i"/> <div v-if="clip.description" class="description">
<Mfm :text="clip.description" :is-note="false" :i="$i"/>
</div>
<div class="user">
<MkAvatar :user="clip.user" class="avatar" :show-indicator="true"/> <MkUserName :user="clip.user" :nowrap="false"/>
</div>
</div> </div>
<div class="user">
<MkAvatar :user="clip.user" class="avatar" :show-indicator="true"/> <MkUserName :user="clip.user" :nowrap="false"/>
</div>
</div>
<XNotes class="_content _gap" :pagination="pagination" :detail="true"/> <XNotes :pagination="pagination" :detail="true"/>
</div> </div>
</MkSpacer>
</template> </template>
<script lang="ts"> <script lang="ts">
@ -40,10 +42,11 @@ export default defineComponent({
[symbols.PAGE_INFO]: computed(() => this.clip ? { [symbols.PAGE_INFO]: computed(() => this.clip ? {
title: this.clip.name, title: this.clip.name,
icon: 'fas fa-paperclip', icon: 'fas fa-paperclip',
action: { bg: 'var(--bg)',
actions: [{
icon: 'fas fa-ellipsis-h', icon: 'fas fa-ellipsis-h',
handler: this.menu handler: this.menu
} }],
} : null), } : null),
clip: null, clip: null,
pagination: { pagination: {
@ -133,6 +136,7 @@ export default defineComponent({
<style lang="scss" scoped> <style lang="scss" scoped>
.okzinsic { .okzinsic {
position: relative; position: relative;
margin-bottom: var(--margin);
> .description { > .description {
padding: 16px; padding: 16px;