TECH EXPERT 54日目

マークアップは苦手。数px調整しているだけで、半端ない時間が取られる。
これってhtmlとcssの機能が悪いよ。俺のせいじゃない。
cssを簡単に書く言語ってないのかな？scssとかは無しで。
もっと直感的に右寄せや左寄せ、上下中央揃えができるやつ。
できれば文字で書くんじゃなくて、画面上でブロックを動かせるようなのがいい。
てか自分で作ればいいのか？

haml
1. form
  1. collection_select
css
1. 関連記事

haml

labelのネスト

f.label do
 %i
↑これは通らない
f.label :name do
 %i
これは通る。なぜ？

form

collection_select

collection_check_boxesと同じような引数を設定する。
違いは第5引数にprompt、第6引数にclassが指定できる。

= f.collection_select( :category_id, @categories, :id, :name,{prompt: "全て"}, {class: "category-root"})

= f.select :category do
  %option すべて
  - @categories.each do |c|
    %option.category-root= c.id
強引にこういうやり方もできるけど、素直にcollectionした方が楽。

css

入力フォームフォーカス時の枠線の色変更

&:focus {
  border-color: rgb(0, 132, 255);
  background-color: #ffc;
  outline: none;
}

number_fieldのボタンを非表示

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}