worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix(frontend): 링크를 인용해서 노트를 작성할 때 노트 작성 폼의 디자인이 올바르지 않게 표시됨

Browse source
This commit is contained in:
NoriDev 2023-12-26 18:27:29 +09:00
parent 53531282d7
commit 485de41483
3 changed files with 47 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGELOG_CHERRYPICK.md
View file

@ -79,6 +79,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
- Fix: 서버 이름이 매우 긴 경우, 후원(MkDonation) 대화 상자의 디자인이 잘못 표시될 수 있음
- Fix: 화면이 작은 기기에서 Play의 액션 버튼이 잘려서 보일 수 있음
- Fix: 노트 상세 페이지에서 노트 작성 폼을 클릭했을 때, 노트 작성자가 자동으로 멘션에 포함되지 않을 수 있음
- Fix: 링크를 인용해서 노트를 작성할 때 노트 작성 폼의 디자인이 올바르지 않게 표시됨
### Server
- Enhance: (dev) 개발 모드에서 locale 및 유형 정의가 자동으로 재생성됨 (misskey-dev/misskey#12481)

29
packages/frontend/src/components/MkPostForm.vue
View file

@ -54,7 +54,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</header>
<MkNoteSimple v-if="reply" :class="$style.targetNote" :note="reply" :enableNoteClick="false"/>
<MkNoteSimple v-if="renote" :class="$style.targetNote" :note="renote" :enableNoteClick="false"/>
<div v-if="quoteId" :class="$style.withQuote"><i class="ti ti-quote"></i> {{ i18n.ts.quoteAttached }}<button @click="quoteId = null"><i class="ti ti-x"></i></button></div>
<div v-if="quoteId" :class="$style.withQuote"><i class="ti ti-quote"></i> {{ i18n.ts.quoteAttached }}<button class="_button" @click="quoteId = null"><i class="ti ti-x"></i></button></div>
<MkEventEditor v-if="event" v-model="event" @destroyed="event = null"/>
<div v-if="visibility === 'specified'" :class="$style.toSpecified">
<span style="margin-right: 8px;">{{ i18n.ts.recipient }}</span>
@ -1211,8 +1211,21 @@ defineExpose({
}
.withQuote {
margin: 0 0 8px 0;
display: flex;
align-items: center;
gap: .2em;
margin-inline: 30px;
margin-bottom: 12px;
color: var(--accent);
i {
display: flex;
}
button {
display: flex;
padding: 0;
}
}
.toSpecified {
@ -1384,12 +1397,16 @@ defineExpose({
padding: 16px 14px 0 14px;
}
.cw,
.hashtags,
.text {
// padding: 0 16px;
.withQuote {
margin-inline: 22px;
}
// .cw,
// .hashtags,
// .text {
// padding: 0 16px;
// }
.cw {
padding: 0 22px 8px;
}

29
packages/frontend/src/components/MkPostFormSimple.vue
View file

@ -57,7 +57,7 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</header>
</Transition>
<div v-if="quoteId && showForm" :class="$style.withQuote"><i class="ti ti-quote"></i> {{ i18n.ts.quoteAttached }}<button @click="quoteId = null"><i class="ti ti-x"></i></button></div>
<div v-if="quoteId && showForm" :class="$style.withQuote"><i class="ti ti-quote"></i> {{ i18n.ts.quoteAttached }}<button class="_button" @click="quoteId = null"><i class="ti ti-x"></i></button></div>
<MkEventEditor v-if="event && showForm" v-model="event" @destroyed="event = null"/>
<div v-if="visibility === 'specified' && showForm" :class="$style.toSpecified">
<span style="margin-right: 8px;">{{ i18n.ts.recipient }}</span>
@ -1255,8 +1255,21 @@ defineExpose({
}
.withQuote {
margin: 0 0 8px 0;
display: flex;
align-items: center;
gap: .2em;
margin-inline: 30px;
margin-bottom: 12px;
color: var(--accent);
i {
display: flex;
}
button {
display: flex;
padding: 0;
}
}
.toSpecified {
@ -1433,12 +1446,16 @@ defineExpose({
padding: 16px 14px 0 14px;
}
.cw,
.hashtags,
.text {
// padding: 0 16px;
.withQuote {
margin-inline: 22px;
}
// .cw,
// .hashtags,
// .text {
// padding: 0 16px;
// }
.cw {
padding: 0 22px 8px;
}