質問編集履歴

5

修正

2015/02/18 03:37

投稿

smith
smith

スコア73

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- [参考サイトのカテゴリ](https://www.makuake.com/discover/index/1/all/open/list/)のようにアロー(矢印)アイコンを右に揃えて表示したいです。
1
+ **ボールドテキスト**[参考サイトのカテゴリ](https://www.makuake.com/discover/index/1/all/open/list/)のようにアロー(矢印)アイコンを右に揃えて表示したいです。
2
2
 
3
3
  text-rightでは何も変化はありませんでした。
4
4
 
@@ -12,15 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- メンズ →
16
-
17
- レディース →
18
-
19
- みたいな感じです。
20
-
21
-
22
-
23
- eachを使わずに一つ一つリンクを作る方法であれば簡単ですが
15
+ eachを使わずに一つ一つリンクを作る方法であればできるのですが
24
16
 
25
17
  少ないコードで書きたいのでどうぞよろしく願いいたします。
26
18
 

4

追加情報

2015/02/18 03:36

投稿

smith
smith

スコア73

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- メンズ →
15
+ メンズ
16
16
 
17
17
  レディース →
18
18
 

3

追加情報

2015/02/18 03:36

投稿

smith
smith

スコア73

test CHANGED
File without changes
test CHANGED
@@ -12,7 +12,7 @@
12
12
 
13
13
 
14
14
 
15
- メンズ →
15
+ メンズ
16
16
 
17
17
  レディース →
18
18
 

2

追加情報

2015/02/18 03:35

投稿

smith
smith

スコア73

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,28 @@
1
1
  [参考サイトのカテゴリ](https://www.makuake.com/discover/index/1/all/open/list/)のようにアロー(矢印)アイコンを右に揃えて表示したいです。
2
2
 
3
3
  text-rightでは何も変化はありませんでした。
4
+
5
+
6
+
7
+ 私の開発環境はFlat uiというデザインフレームワークを使っているので
8
+
9
+ 参考サイトのように画像を用意できません
10
+
11
+ 実現したいのはカテゴリのlist-group内にアイコンを右揃えに表示したいです。
12
+
13
+
14
+
15
+ メンズ →
16
+
17
+ レディース →
18
+
19
+ みたいな感じです。
20
+
21
+
22
+
23
+ eachを使わずに一つ一つリンクを作る方法であれば簡単ですが
24
+
25
+ 少ないコードで書きたいのでどうぞよろしく願いいたします。
4
26
 
5
27
 
6
28
 

1

修正

2015/02/18 03:35

投稿

smith
smith

スコア73

test CHANGED
@@ -1 +1 @@
1
- Rails アイコンの表示場所
1
+ Rails アイコンの表示右に揃える
test CHANGED
@@ -1,26 +1,28 @@
1
- [参考サイトのカテゴリ](https://www.makuake.com/discover/index/1/all/open/list/)のようにアロー(矢印)を右にしたいです。
1
+ [参考サイトのカテゴリ](https://www.makuake.com/discover/index/1/all/open/list/)のようにアロー(矢印)アイコンを右に揃えて表示したいです。
2
2
 
3
- 現状はfui-arrow-rightが左に寄って表示されてまいます
3
+ text-rightでは何も変化はありませんで
4
-
5
-
6
4
 
7
5
 
8
6
 
9
7
  ```lang-ruby
10
8
 
11
-
9
+ <!-- カテゴリsideバー -->
12
10
 
13
- <div class="prettyprint">
11
+ <div class="prettyprint">
14
12
 
15
13
  <p><small>
16
14
 
17
- <a class="list-group-item btn-warning active ">
15
+ <a class="list-group-item btn-warning active "><span class="fui-list-numbered"></span> カテゴリ</a>
18
16
 
19
17
  <% Category.where(parent_id: 1).sort{|a, b| a.code <=> b.code}.each do |cat| %>
20
18
 
21
- <%= link_to cat.name, category_index_path(cat.id), { :class => 'list-group-item fui-arrow-right' } %>
19
+ <%= link_to category_index_path(cat.id), { class: 'list-group-item' } do%>
22
20
 
21
+ <%= cat.name %>
23
22
 
23
+ <span class="fui-arrow-right text-right"></span>
24
+
25
+ <% end %>
24
26
 
25
27
  <% end %>
26
28