人生19日目
HAGIRE_App
ログイン・ログアウト機能、ログイン状態によりヘッダーの表示を変える機能、アラートの表示を実装した。
他にもなんか色々あった気がするけど今日はつかれたからメモってたぶんだけで許してほしい。
明日やること
- helperメソッドについて学ぶ
- ユーザーページのviewを書く
- ちょっとずつ作法を学ぶ(?つけたり!つけたり)
今日のメモ
- flashメッセージ(アラート)を表示する
<% if flash[:notide] %> <div class = "flash"> <p><%= flash[:notice] %></p> </div> <% end %>
<div>
でif文を囲ってしまうと、htmlに<div>
分の領域が確保されてしまうので注意。
例えばアラートの背景色を赤色にしているような場合、画面に赤い帯が表示されたままになる。
解決するためにやったこと
position
を使ってアラートをヘッダーの上にかさねて表示し、アニメーションにより画面外に移動させる。
opacity
を0にしてもヘッダーと被っている部分はクリックできないため。
ほんとはJavascriptでやることだとは思う。