Mizah/mizzkey
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

折り返し処理の修正

Browse source
This commit is contained in:
kakkokari-gtyih 2024-06-03 20:05:04 +09:00
parent e80d2a38cc
commit e8e19f4b31
2 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/frontend/src/components/MkNoteDetailed.vue
View file

@ -48,10 +48,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkAvatar :class="$style.noteHeaderAvatar" :user="appearNote.user" indicator link preview/> <MkAvatar :class="$style.noteHeaderAvatar" :user="appearNote.user" indicator link preview/>
<div :class="$style.noteHeaderBody"> <div :class="$style.noteHeaderBody">
<div :class="$style.noteHeaderBodyUpper"> <div :class="$style.noteHeaderBodyUpper">
<div> <div style="min-width: 0;">
<div> <div class="_nowrap">
<MkA v-user-preview="appearNote.user.id" :class="$style.noteHeaderName" :to="userPage(appearNote.user)"> <MkA v-user-preview="appearNote.user.id" :class="$style.noteHeaderName" :to="userPage(appearNote.user)">
<MkUserName :nowrap="false" :user="appearNote.user"/> <MkUserName :nowrap="inEmbedPage" :user="appearNote.user"/>
</MkA> </MkA>
<span v-if="appearNote.user.isBot" :class="$style.isBot">bot</span> <span v-if="appearNote.user.isBot" :class="$style.isBot">bot</span>
</div> </div>
@ -670,6 +670,7 @@ function loadConversation() {
.noteHeaderBody { .noteHeaderBody {
flex: 1; flex: 1;
display: flex; display: flex;
min-width: 0;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
padding-left: 16px; padding-left: 16px;
@ -678,6 +679,7 @@ function loadConversation() {
.noteHeaderBodyUpper { .noteHeaderBodyUpper {
display: flex; display: flex;
min-width: 0;
} }
.noteHeaderName { .noteHeaderName {

6
packages/frontend/src/pages/embed/user-timeline.vue
View file

@ -12,10 +12,10 @@ SPDX-License-Identifier: AGPL-3.0-only
<MkAvatar :class="$style.avatar" :user="user"/> <MkAvatar :class="$style.avatar" :user="user"/>
</a> </a>
<div :class="$style.headerTitle" @click="top"> <div :class="$style.headerTitle" @click="top">
<I18n :src="i18n.ts.noteOf" tag="div"> <I18n :src="i18n.ts.noteOf" tag="div" class="_nowrap">
<template #user> <template #user>
<a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer"> <a :href="`/@${user.username}`" target="_blank" rel="noopener noreferrer">
<Mfm :text="user.name ?? `@${user.username}`" :plain="true"/> <MkUserName :user="user"/>
</a> </a>
</template> </template>
</I18n> </I18n>
@ -110,6 +110,7 @@ misskeyApi('users/show', {
flex-shrink: 0; flex-shrink: 0;
padding: 8px 16px; padding: 8px 16px;
display: flex; display: flex;
min-width: 0;
align-items: center; align-items: center;
gap: var(--margin); gap: var(--margin);
border-bottom: 1px solid var(--divider); border-bottom: 1px solid var(--divider);
@ -129,6 +130,7 @@ misskeyApi('users/show', {
flex-grow: 1; flex-grow: 1;
font-weight: 700; font-weight: 700;
line-height: 1.1; line-height: 1.1;
min-width: 0;
.sub { .sub {
font-size: 0.8em; font-size: 0.8em;