fix(frontend): 일부 환경에서 특정 영역에 스크롤 바가 표시될 수 있음

kokonect-link · Dec 22, 2023 · 88bf3e5 · 88bf3e5
1 parent 91af424
commit 88bf3e5
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 5 deletions.
diff --git a/CHANGELOG_CHERRYPICK.md b/CHANGELOG_CHERRYPICK.md
@@ -74,6 +74,7 @@ Misskey의 전체 변경 사항을 확인하려면, [CHANGELOG.md#2023xx](CHANGE
 - Fix: 내 프로필에서 간헐적으로 헤더에 MkFollowButton 컴포넌트가 표시될 수 있음
 - Fix: 다이렉트 노트를 리노트 할 수 있음
 - Fix: 이모지를 변경할 때 이모지가 ❤️로 고정될 수 있음
+- Fix: 일부 환경에서 특정 영역에 스크롤 바가 표시될 수 있음
 
 ### Server
 - Enhance: (dev) 개발 모드에서 locale 및 유형 정의가 자동으로 재생성됨 (misskey-dev/misskey#12481)

diff --git a/packages/frontend/src/components/MkInstanceTicker.vue b/packages/frontend/src/components/MkInstanceTicker.vue
@@ -77,7 +77,7 @@ $height: 2ex;
 	font-size: 0.9em;
 	font-weight: bold;
 	white-space: nowrap;
-	overflow: scroll;
+	overflow: hidden;
   overflow-wrap: anywhere;
   max-width: 300px;
   text-overflow: ellipsis;

diff --git a/packages/frontend/src/components/MkNoteDetailed.vue b/packages/frontend/src/components/MkNoteDetailed.vue
@@ -805,7 +805,7 @@ onMounted(() => {
 	font-weight: bold;
 	line-height: 1.3;
 	margin: 0 .5em 0 0;
-  overflow: scroll;
+  overflow: hidden;
   overflow-wrap: anywhere;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -839,7 +839,7 @@ onMounted(() => {
 	margin-bottom: 2px;
 	line-height: 1.3;
 	word-wrap: anywhere;
-  overflow: scroll;
+  overflow: hidden;
   overflow-wrap: anywhere;
   text-overflow: ellipsis;
   white-space: nowrap;

diff --git a/packages/frontend/src/components/MkNoteHeader.vue b/packages/frontend/src/components/MkNoteHeader.vue
@@ -99,7 +99,7 @@ function showOnRemote() {
 	display: block;
 	margin: 0 .5em 0 0;
 	padding: 0;
-	overflow: scroll;
+	overflow: hidden;
   overflow-wrap: anywhere;
 	font-size: 1em;
 	font-weight: bold;
@@ -130,7 +130,7 @@ function showOnRemote() {
 .username {
 	flex-shrink: 9999999;
 	margin: 0 .5em 0 0;
-	overflow: scroll;
+	overflow: hidden;
 	text-overflow: ellipsis;
 	font-size: .95em;
   max-width: 300px;