質問編集履歴

3

追記

2018/08/16 06:45

投稿

dossy
dossy

スコア109

test CHANGED
File without changes
test CHANGED
@@ -97,3 +97,5 @@
97
97
  ```
98
98
 
99
99
  = fa_iconはfontawesomeを使っています。
100
+
101
+ アイコンはボタンにするつもりです。

2

コード追加

2018/08/16 06:45

投稿

dossy
dossy

スコア109

test CHANGED
File without changes
test CHANGED
@@ -23,3 +23,77 @@
23
23
 
24
24
 
25
25
  どうすれば、いいでしょうか?
26
+
27
+
28
+
29
+ ```
30
+
31
+ .chat {
32
+
33
+ overflow:auto;
34
+
35
+ height: 100vh;
36
+
37
+ position:relative;
38
+
39
+ &__left {
40
+
41
+ width:300px;
42
+
43
+ float:left;
44
+
45
+ .chat__left_user {
46
+
47
+ height:70px;
48
+
49
+ background-color: $userback;
50
+
51
+ color:$white;
52
+
53
+ border: 20px solid $userback;
54
+
55
+ .chat__left_user_name {
56
+
57
+ padding-top: 20px;
58
+
59
+ font-size:20px;
60
+
61
+ font-weight:bold;
62
+
63
+ color:$white;
64
+
65
+ }
66
+
67
+ .chat__left_user_new_group {
68
+
69
+ }
70
+
71
+ .chat__left_user_edit {
72
+
73
+ }
74
+
75
+ ```
76
+
77
+ .chat__left_user_new_group
78
+
79
+ .chat__left_user_edit
80
+
81
+ がアイコンです。
82
+
83
+ ```
84
+
85
+ chat__left_user
86
+
87
+ .chat__left_user_name dossy
88
+
89
+ .chat__left_user_new_group
90
+
91
+ = fa_icon 'cog'
92
+
93
+ .chat__left_user_edit
94
+
95
+ = fa_icon 'cog'
96
+
97
+ ```
98
+
99
+ = fa_iconはfontawesomeを使っています。

1

add image

2018/08/16 06:36

投稿

dossy
dossy

スコア109

test CHANGED
File without changes
test CHANGED
@@ -7,3 +7,19 @@
7
7
  この、iconを名前のちょうど横に持っていきたいと思っています。
8
8
 
9
9
  あと、横に持って行って、少し右に寄せたいです。
10
+
11
+
12
+
13
+ ![イメージ説明](d8a60b5cea62d1ad84f6b17db6eceacb.png)
14
+
15
+
16
+
17
+ "ここ"に持ってきたいんです。
18
+
19
+ postion:を試しましたが、floatしているiconには無理みたいでした。
20
+
21
+ (名前は動かせましたが)
22
+
23
+
24
+
25
+ どうすれば、いいでしょうか?