diff options
| author | tamaina <tamaina@hotmail.co.jp> | 2023-02-09 15:34:49 +0000 |
|---|---|---|
| committer | tamaina <tamaina@hotmail.co.jp> | 2023-02-09 15:34:49 +0000 |
| commit | 83fb629f0b09f6799151b0115e3b4dc7ed17ce01 (patch) | |
| tree | 2f46ad14431525f856cddaae55bf0ecb4b61c386 /packages/frontend/src | |
| parent | update pnpm to 7.27.0 (diff) | |
| download | misskey-83fb629f0b09f6799151b0115e3b4dc7ed17ce01.tar.gz misskey-83fb629f0b09f6799151b0115e3b4dc7ed17ce01.tar.bz2 misskey-83fb629f0b09f6799151b0115e3b4dc7ed17ce01.zip | |
:art:
Diffstat (limited to 'packages/frontend/src')
| -rw-r--r-- | packages/frontend/src/ui/_common_/navbar-for-mobile.vue | 13 | ||||
| -rw-r--r-- | packages/frontend/src/ui/_common_/navbar.vue | 13 |
2 files changed, 18 insertions, 8 deletions
diff --git a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue index 989d861d27..357db5599f 100644 --- a/packages/frontend/src/ui/_common_/navbar-for-mobile.vue +++ b/packages/frontend/src/ui/_common_/navbar-for-mobile.vue @@ -35,7 +35,7 @@ <i class="icon ti ti-pencil ti-fw"></i><span class="text">{{ i18n.ts.note }}</span> </button> <button v-click-anime class="item _button account" @click="openAccountMenu"> - <MkAvatar :user="$i" class="avatar"/><MkAcct class="text" :user="$i"/> + <MkAvatar :user="$i" class="avatar"/><MkAcct class="text _nowrap" :user="$i"/> </button> </div> </div> @@ -168,20 +168,25 @@ function more() { display: flex; align-items: center; padding-left: 30px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; width: 100%; text-align: left; box-sizing: border-box; margin-top: 16px; > .avatar { + display: block; + flex-shrink: 0; position: relative; width: 32px; aspect-ratio: 1; margin-right: 8px; } + + > .text { + display: block; + flex-shrink: 1; + padding-right: 8px; + } } } diff --git a/packages/frontend/src/ui/_common_/navbar.vue b/packages/frontend/src/ui/_common_/navbar.vue index e90098397a..3c161f6797 100644 --- a/packages/frontend/src/ui/_common_/navbar.vue +++ b/packages/frontend/src/ui/_common_/navbar.vue @@ -45,7 +45,7 @@ <i class="icon ti ti-pencil ti-fw"></i><span class="text">{{ i18n.ts.note }}</span> </button> <button v-click-anime v-tooltip.noDelay.right="`${i18n.ts.account}: @${$i.username}`" class="item _button account" @click="openAccountMenu"> - <MkAvatar :user="$i" class="avatar"/><MkAcct class="text" :user="$i"/> + <MkAvatar :user="$i" class="avatar"/><MkAcct class="text _nowrap" :user="$i"/> </button> </div> </div> @@ -217,20 +217,25 @@ function more(ev: MouseEvent) { display: flex; align-items: center; padding-left: 30px; - text-overflow: ellipsis; - overflow: hidden; - white-space: nowrap; width: 100%; text-align: left; box-sizing: border-box; margin-top: 16px; > .avatar { + display: block; + flex-shrink: 0; position: relative; width: 32px; aspect-ratio: 1; margin-right: 8px; } + + > .text { + display: block; + flex-shrink: 1; + padding-right: 8px; + } } } |