/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ファイルアップロードボタンを非表示 */
trix-toolbar .trix-button-group--file-tools {
  display: none;
}

/* タスク一覧テーブルのスクロール設定 */
.table-scroll-wrapper {
  /* ページネーション(約50px) + フッター余白を考慮して画面の高さから引く */
  /* ヘッダー(約64px) + ページタイトル(約80px) + フォーム(約60px) + タイトル(約60px) + 余白 */
  max-height: calc(100vh - 350px);
  overflow-y: auto;
  overflow-x: auto;
  position: relative;
}

.table-scroll-wrapper thead {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: white;
}