質問編集履歴

1

構造・cssの補足

2021/05/23 05:06

投稿

joru
joru

スコア45

test CHANGED
File without changes
test CHANGED
@@ -86,17 +86,43 @@
86
86
 
87
87
  ```
88
88
 
89
+ <div>
90
+
91
+ <p>
92
+
89
- <div class="col-xs-12 col-sm-4">
93
+ <div class="star-rating ml-2" style="display: inline-block; position: relative; width: 5em; height: 1em; font-size: 17px;">
94
+
90
-
95
+ <div class="star-rating-front" style="position: absolute; top: 0; left: 0; overflow: hidden; white-space: nowrap; color: #ff5f96; height: 25px; width: <%= review.overall*100/5 %>%">★★★★★</div>
96
+
91
- <div class="chart-container" style="width: 100%;">
97
+ <div class="star-rating-back"style="color: #ccc;">★★★★★</div>
92
-
93
- <canvas id="detail_radar_charts_<%= review.id %>"></canvas>
98
+
94
-
95
- </div>
99
+ </div>
100
+
101
+ <%= l review.created_at, format: :short %> | <%= review.author %>(<%= review.age %> / <%= review.sex %>)
102
+
103
+ </p>
96
104
 
97
105
  </div>
98
106
 
99
-
107
+ <div class="row">
108
+
109
+ <div class="col-xs-12 col-sm-4">
110
+
111
+ <div class="chart-container" style="width: 100%;">
112
+
113
+ <canvas id="detail_radar_charts_<%= review.id %>"></canvas>
114
+
115
+ </div>
116
+
117
+ </div>
118
+
119
+ <div class="col-xs-12 col-sm-8">
120
+
121
+ <p><%= review.comment %></p>
122
+
123
+ </div>
124
+
125
+ </div>
100
126
 
101
127
  <script>
102
128