fix(client/friendly): ユーザー名が長すぎる場合、デザインに問題が発生する可能性がある

2023-06-14 20:43:01 +09:00 · 2023-06-14 20:43:01 +09:00 · e7cf894217
parent a27c3e2a2c
commit e7cf894217
3 changed files with 3 additions and 0 deletions
--- a/CHANGELOG_CHERRYPICK.md
+++ b/CHANGELOG_CHERRYPICK.md
@ -63,6 +63,7 @@
 - Fix: (Friendly) 화면이 넓은 일부 모바일 기기에서 프로필 아이콘의 높이가 잘못 설정되는 문제
 - Fix: (Friendly) 스크롤 계산 방식 변경
 - Fix: (Friendly) 모바일에서 네비게이션 메뉴의 인디케이터 크기를 작게 조정
+- Fix: (Friendly) 유저 이름이 너무 긴 경우 디자인에 문제가 발생할 수 있음
 - Fix: 네트워크 트래픽이 10MB/s를 초과하면 네트워크 통계 위젯의 그래프가 잘못 출력되는 문제
 - Fix: iOS 기기에서 채팅 입력란이 채팅을 가리는 문제
 - Fix: 특정 MFM 구문이 포함된 노트 간략화 옵션 비활성화 시, MFM 구문에 대해서는 더 보기 버튼을 표시하지 않도록
--- a/packages/frontend/src/ui/friendly/navbar-for-mobile.vue
+++ b/packages/frontend/src/ui/friendly/navbar-for-mobile.vue
@ -214,6 +214,7 @@ function openProfile() {
 	padding-right: 8px;
 	margin-left: 5px;
 	font-weight: bold;
+	max-width: 90px;
 }

 .drawer {
--- a/packages/frontend/src/ui/friendly/navbar.vue
+++ b/packages/frontend/src/ui/friendly/navbar.vue
@ -273,6 +273,7 @@ function openProfile() {
 		padding-right: 8px;
 		margin-left: 5px;
 		font-weight: bold;
+		max-width: 100px;
 	}

 	.drawer {