From dee571ccdea6c9b30f9d7ac4cd24828fa41b00b8 Mon Sep 17 00:00:00 2001 From: syuilo <4439005+syuilo@users.noreply.github.com> Date: Fri, 2 May 2025 11:16:11 +0900 Subject: [PATCH] Update MkTimeline.vue --- packages/frontend/src/components/MkTimeline.vue | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/packages/frontend/src/components/MkTimeline.vue b/packages/frontend/src/components/MkTimeline.vue index 7d45b325ac..a9263e85df 100644 --- a/packages/frontend/src/components/MkTimeline.vue +++ b/packages/frontend/src/components/MkTimeline.vue @@ -394,12 +394,14 @@ defineExpose({ } .new { + --gapFill: 0.5px; // 上位ヘッダーの高さにフォントの関係などで少数が含まれると、レンダリングエンジンによっては隙間が表示されてしまうため、隙間を隠すために少しずらす + position: sticky; - top: var(--MI-stickyTop, 0px); + top: calc(var(--MI-stickyTop, 0px) - var(--gapFill)); z-index: 1000; width: 100%; box-sizing: border-box; - padding: 10px 0; + padding: calc(10px + var(--gapFill)) 0 10px 0; } /* 疑似progressive blur */