diff --git a/style.css b/style.css index 949e965..91508c6 100644 --- a/style.css +++ b/style.css @@ -239,3 +239,29 @@ font-size: 17px; border-radius: 12px; } + +/* メンバーがチカチカしないよう固定レイアウト化 */ +#memberList li { + display: flex; + align-items: center; + gap: 10px; + + background: #f5f7ff; + transition: background 0.2s linear; /* ← ゆるい色の変化だけ */ +} + +#memberList li.online { + background: #e9f8ff; /* 色のみ変える */ +} + +#memberList li.offline { + background: #f0f0f0; /* 色のみ変える */ +} + +/* 位置が変わらないアイコン */ +.member-icon { + width: 26px; + height: 26px; + border-radius: 50%; + flex-shrink: 0; +}