mirror of
https://github.com/misskey-dev/misskey.git
synced 2026-07-31 12:25:49 +00:00
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:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user