折り返し処理の修正

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

View file

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

View file

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