diff --git a/app/assets/stylesheets/kluk.css b/app/assets/stylesheets/kluk.css index cb5ae5f..6227c24 100644 --- a/app/assets/stylesheets/kluk.css +++ b/app/assets/stylesheets/kluk.css @@ -73,6 +73,13 @@ main { height: 15px; } +.selected-day { + border: 2px double white; + margin: 4px; + width: 15px; + height: 15px; +} + .creatif { background-color: red; } diff --git a/app/javascript/controllers/mood_controller.js b/app/javascript/controllers/mood_controller.js index 2d63a12..b6a373f 100644 --- a/app/javascript/controllers/mood_controller.js +++ b/app/javascript/controllers/mood_controller.js @@ -11,6 +11,11 @@ export default class extends Controller { image.src = event.target.dataset.image; modeDayMobile.textContent = modeDayContent; modeDay.textContent = modeDayContent; + event.target.className = "selected-day " + event.target.dataset.mode; + } + + removeFeedback(event) { + event.target.className = "day " + event.target.dataset.mode; } connect() { diff --git a/app/views/moods/index.html.erb b/app/views/moods/index.html.erb index 0ad5297..ce29b8b 100644 --- a/app/views/moods/index.html.erb +++ b/app/views/moods/index.html.erb @@ -49,7 +49,7 @@ <% week.each do |d| %> <% if mood[:mode] %> -