diff --git a/variety/bangxiao.html b/variety/bangxiao.html index 4b7b261..6194e82 100644 --- a/variety/bangxiao.html +++ b/variety/bangxiao.html @@ -66,6 +66,35 @@ .bangxiao-page .member-check--all { height: auto; + min-height: 60px; + } + + /* 團飯卡:info 不需要動,detail 回歸正常流 */ + .bangxiao-page .member-check--all .member-check__info { + position: static; + transform: none; + transition: none; + } + + .bangxiao-page .member-check--all:has(input:checked) .member-check__info { + position: static; + transform: none; + } + + .bangxiao-page .member-check--all .member-detail { + position: static; + max-height: 0; + overflow: hidden; + opacity: 1; + visibility: visible; + transform: none; + padding-top: 0; + transition: max-height 0.4s ease, padding-top 0.4s ease; + } + + .bangxiao-page .member-check--all:has(input:checked) .member-detail { + max-height: 300px; + padding-top: 10px; } .bangxiao-page .member-check:has(input:checked) { @@ -97,7 +126,7 @@ flex-direction: column; align-items: center; gap: 4px; - transition: top 0.3s ease, transform 0.3s ease; + transition: top 0.4s ease, transform 0.4s ease; } .bangxiao-page .member-check:has(input:checked) .member-check__info { @@ -168,7 +197,7 @@ opacity: 0; text-align: center; transform: translateY(12px); - transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; + transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease; } .bangxiao-page .member-check:has(input:checked) .member-detail { @@ -237,7 +266,13 @@