diff --git a/app/assets/stylesheets/kluk.css b/app/assets/stylesheets/kluk.css index 1e5cc09..6864a2d 100644 --- a/app/assets/stylesheets/kluk.css +++ b/app/assets/stylesheets/kluk.css @@ -54,6 +54,21 @@ main { height: 15px; } +.day.has-day-log { + position: relative; +} + +.day.has-day-log::after { + content: ''; + position: absolute; + bottom: 1px; + right: 1px; + width: 4px; + height: 4px; + border-radius: 50%; + background-color: white; +} + .selected-day { border-radius: 50%; box-shadow: 0 0 0 3px white, 0 0 0 5px black; diff --git a/app/helpers/moods_helper.rb b/app/helpers/moods_helper.rb index 29fd26b..918d250 100644 --- a/app/helpers/moods_helper.rb +++ b/app/helpers/moods_helper.rb @@ -31,7 +31,9 @@ module MoodsHelper end end - def css_class_for_day(status) - status == :empty ? "day empty-day" : "day" + def css_class_for_day(status, day_log) + css_class = status == :empty ? "day empty-day" : "day" + css_class += " has-day-log" if day_log + css_class end end diff --git a/app/views/moods/index.html.erb b/app/views/moods/index.html.erb index ab0116e..306212a 100644 --- a/app/views/moods/index.html.erb +++ b/app/views/moods/index.html.erb @@ -47,7 +47,7 @@ data-info="<%= mood[:day_log]&.info %>" data-action="click->mood#updateDayInfo" title="<%= l(mood[:recorded_at].to_date) %> : <%= mode.label %>" - class="<%= css_class_for_day(status) %>" + class="<%= css_class_for_day(status, mood[:day_log]) %>" style="<%= style_for_mode(mode, status) %>"> <% end %>