teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

4

自己解決

2018/08/29 13:54

投稿

taka2477
taka2477

スコア8

title CHANGED
File without changes
body CHANGED
@@ -146,7 +146,10 @@
146
146
  追記
147
147
  どうもcustom.scss内の.gravatarが怪しい?float: left;は適用されましたが、`margin-right: 10px;` `margin-top: 5px;`も一緒に記入すると、またおかしくなってしまいます。。。
148
148
 
149
+ 追記2
150
+ helpers/users_helper.rbの`image_tag(gravatar_url, alt: user.name, class: "gravatar")`のクラスのあとで画像のサイズ指定を50にしてから、CSSを適用させたら上手くいきました。
149
151
 
152
+
150
153
  ### 補足情報(FW/ツールのバージョンなど)
151
154
  Rails 5.1.4
152
155
  AWS クラウド9

3

誤字修正

2018/08/29 13:54

投稿

taka2477
taka2477

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- ついRails 開発環境で一部のCSSしか反映されない。Railsチュートリアル
1
+ Rails 開発環境で一部のCSSしか反映されない。Railsチュートリアル
body CHANGED
File without changes

2

追記

2018/08/29 13:36

投稿

taka2477
taka2477

スコア8

title CHANGED
@@ -1,1 +1,1 @@
1
- Rails 開発環境で一部のCSSしか反映されない。Railsチュートリアル
1
+ ついRails 開発環境で一部のCSSしか反映されない。Railsチュートリアル
body CHANGED
@@ -143,7 +143,10 @@
143
143
  サーバー再起動
144
144
  /* microposts */内の他のCSSの反映具合
145
145
 
146
+ 追記
147
+ どうもcustom.scss内の.gravatarが怪しい?float: left;は適用されましたが、`margin-right: 10px;` `margin-top: 5px;`も一緒に記入すると、またおかしくなってしまいます。。。
146
148
 
149
+
147
150
  ### 補足情報(FW/ツールのバージョンなど)
148
151
  Rails 5.1.4
149
152
  AWS クラウド9

1

ソースコード追加

2018/08/29 13:35

投稿

taka2477
taka2477

スコア8

title CHANGED
File without changes
body CHANGED
@@ -123,6 +123,21 @@
123
123
  </li>
124
124
  ```
125
125
 
126
+ helpers/users_helper.rb
127
+ ```
128
+ module UsersHelper
129
+
130
+ #引数で与えられたユーザーのGravatar画像を返す
131
+ def gravatar_for(user, size: 80)
132
+ gravatar_id = Digest::MD5::hexdigest(user.email.downcase)
133
+ size = url_options[:size]
134
+ gravatar_url = "https://secure.gravatar.com/avatar/#{gravatar_id}?s=#{size}"
135
+ image_tag(gravatar_url, alt: user.name, class: "gravatar")
136
+ end
137
+ end
138
+
139
+ ```
140
+
126
141
  ### 試したこと
127
142
 
128
143
  サーバー再起動