上級者向けUIでカラムが少ない時右端までカラム幅を伸ばす

[PigeonsHouse]

Pitch

カラムが少ない時右端までカラム幅を伸ばすCSSを適用する．
ただ全ユーザに強制するのは違うので，設定画面の上級者向けUIのトグルみたいに，設定画面から「カラムを右端まで伸ばす」の設定をトグルで設定したい．

TODO

• gruvboxの過去コミットから該当のCSSを抜粋する
• 右端まで伸ばすCSSを任意のCSSクラスに適用する
• DBに新規カラムor新規テーブルを追加し，カラム幅を伸ばすかどうかのフラグを保持する
  • 新規カラムだとバージョン切り戻しなどした場合にDB操作するコードとDBそのものでテーブルのカラムが違うので操作出来ないエラーが発生しうるので，新規テーブルが望ましい
• 設定画面(/settings/preferences/appearance)でそのDBの値を操作するUIを作る
• React側(/deck/getting-started)でカラムを伸ばすかのフラグの値を確認し，事前に作成していたCSSクラスを割り当てる
  • 上級者向けUIの値からフロントを書き換える処理があると思うのでそれを参考にフラグの値を取る

Motivation

C3テーマのgruvboxには昔カラムが少ない時右端までカラム幅を伸ばすCSSが適用されていた．
現在はそのCSSが無くなっているが，ほしいという意見があがっている．

[Ogame3334]

gruvboxの過去コミットから該当のCSSを抜粋する

おそらくここですかね

mastodon/app/javascript/styles/gruvbox.scss

Lines 12 to 15 in df25f81

	// Columns width
	//.column {
	// flex-grow: 1;
	//}