fix(frontend): 未ログイン時のトップページがスクロール不可だったのを修正 (#17681)

* fix(frontend): 未ログイン時のトップページがスクロール不可だったのを修正

* fix CHANGELOG.md

* remove playwright file

* fix(frontend): 非ログイン時トップページを背景の上でもスクロールできるよう修正

.root を min-height から develop と同じ height + overflow: auto に戻して .root 自身を
スクロールコンテナとし、装飾レイヤ (.bg / .shape1 / .shape2) の pointer-events: none と
併せて、コンテンツ列以外 (背景) の上でもホイールスクロールが効くようにする。
CSS のみの対応で、TL のマーキーアニメーションやノート / フェデレーションのクリック挙動は
変更しない。

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
おさむのひと
2026-07-13 20:21:18 +09:00
committed by GitHub
parent 53c398ce43
commit ecd1d615ff
3 changed files with 7 additions and 0 deletions
@@ -72,6 +72,8 @@ misskeyApiGet('federation/instances', {
right: 0;
width: 80vw; // 100%からshapeの幅を引いている
height: 100vh;
// 固定レイヤがホイール操作を奪い、コンテンツ列以外の上でページをスクロールできなくなるのを防ぐ (issue #17680)
pointer-events: none;
}
.tl {
@@ -100,6 +102,7 @@ misskeyApiGet('federation/instances', {
height: 100vh;
background: var(--MI_THEME-accent);
clip-path: polygon(0% 0%, 45% 0%, 20% 100%, 0% 100%);
pointer-events: none; // 装飾レイヤ。ホイール操作を透過させる (→ .bg 参照)
}
.shape2 {
position: fixed;
@@ -110,6 +113,7 @@ misskeyApiGet('federation/instances', {
background: var(--MI_THEME-accent);
clip-path: polygon(0% 0%, 25% 0%, 35% 100%, 0% 100%);
opacity: 0.5;
pointer-events: none; // 装飾レイヤ。ホイール操作を透過させる (→ .bg 参照)
}
.logoWrapper {
@@ -36,6 +36,8 @@ import { instance as meta } from '@/instance.js';
right: 0;
width: 100vw;
height: 100vh;
// 固定レイヤがホイール操作を奪い、コンテンツ列以外の上でページをスクロールできなくなるのを防ぐ (issue #17680)
pointer-events: none;
}
.logoWrapper {