From 833d4f524749893b6de369a7af82d55e61c57536 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C3=A9gis=20Hanol?= <regis@hanol.fr>
Date: Mon, 2 Mar 2015 21:23:33 +0100
Subject: [PATCH] FIX: subtle fade in + scale up animation on user cards for
Safari
---
app/assets/stylesheets/desktop/user-card.scss | 11 ++++++++---
1 file changed, 8 insertions(+), 3 deletions(-)
diff --git a/app/assets/stylesheets/desktop/user-card.scss b/app/assets/stylesheets/desktop/user-card.scss
index 2a9b853a7..d72f8a3ed 100644
--- a/app/assets/stylesheets/desktop/user-card.scss
+++ b/app/assets/stylesheets/desktop/user-card.scss
@@ -13,12 +13,17 @@
background-position: center center;
min-height: 175px;
opacity: 0;
- transform: scale(.7);
- transition: opacity .2s, transform .2s;
+ -webkit-transform: scale(.7);
+ -ms-transform: scale(.7);
+ transform: scale(.7);
+ -webkit-transition: opacity .2s, -webkit-transform .2s;
+ transition: opacity .2s, transform .2s;
&.show {
opacity: 1;
- transform: scale(1);
+ -webkit-transform: scale(1);
+ -ms-transform: scale(1);
+ transform: scale(1);
}
.card-content {