チーム開発 ユーザー新規登録ページ マークアップ(sass)
昨日作成したユーザー新規登録ページのhamlにスタイルを当てました。
作業内容
hamlと同様にsassもカリキュラムを振り返りつつ、復習しながら記述していきました。
デザインはワイヤーフレームを元に確認し、詳細なレイアウト(padding、margin)は検証を駆使しつつメルカリに忠実に合わせました。
躓いた点
下記の生年月日フォーム部分はいくつか工夫が必要でした。
1、ボタンはfont-awesomeを使いたかった為、
-webkit-appearance: none;
でデフォルトのプルダウンボタンを非表示にしました。
2、font-awesomeのボタン位置をpositionプロパティで調整
3、そのままだとボタン部分を押してもプルダウンが表示されないので、
pointer-events: none;
でfont-awesomeのクリックイベントをスルーし、ボタンが反応するようにしました。