From de426153836d992c5fe4e6a697573766c6e66ff9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Gr=C3=A9goire=20Delattre?= Date: Mon, 5 Jun 2017 16:29:35 +0200 Subject: [PATCH] Update the poster selection to be smoother --- src/public/less/app.less | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/public/less/app.less b/src/public/less/app.less index 290fca4..1f866ce 100644 --- a/src/public/less/app.less +++ b/src/public/less/app.less @@ -8,8 +8,14 @@ body { } .thumbnail-selected { - border-color: @brand-primary; - background-color: @brand-primary; + transition: border 400ms ease-in-out; + animation-name: select-thumbnail; + animation-duration: 400ms; + animation-fill-mode: forwards; +} +@keyframes select-thumbnail { + 0% { background-color: @gray-light; } + 100% { background-color: @brand-primary; } } .clickable {