/* CSV 作成モーダルの作成開始ボタンのスピナー。送信中は :disabled、送信後の画面遷移中は Turbo が に付ける aria-busy で覆う。submits-with が submit-end でボタンを復帰させるため、 :disabled だけだと遷移待ちの間「作成開始」に戻って見えてしまう。 */ .csv-create-submit:disabled, html[aria-busy] .csv-create-submit { @apply relative text-transparent; } .csv-create-submit:disabled::after, html[aria-busy] .csv-create-submit::after { content: ""; @apply absolute inset-0 m-auto size-4 rounded-full border-2 border-white border-r-transparent animate-spin; } /* 一括操作フッター。行チェックボックスが 1 件以上 checked のときだけ表示する。 hide 側もコントローラ属性で修飾するのは、.ui-footer の flex（詳細度 0,1,0）に確実に勝つため。 */ [data-controller~="tenant--orders--bulk-select"] .orders-bulk-select-footer { @apply hidden; } [data-controller~="tenant--orders--bulk-select"]:has( [data-tenant--orders--bulk-select-target~="orderCheckbox"]:checked ) .orders-bulk-select-footer { @apply flex; } /* Figma の一括操作フッターはボタン幅が hug（ui_footer 既定の w-80 を使わない）。 */ .orders-bulk-select-footer .ui-footer__primary-button { @apply w-auto; }