From fa22c926d8650c8faa25e21cca29c1e71bc0e9c1 Mon Sep 17 00:00:00 2001 From: Omer Tarik Koc Date: Tue, 26 Dec 2017 18:00:44 -0600 Subject: [PATCH] Safari and IOS fix for reply.css before these changes, there was a bug for Safari and IOS that you cannot see the reply bubble. Simply commenting animation duration and opacity properties solved to problem. Looking forward to finding a more convenient solution. --- component/styles/reply.css | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/component/styles/reply.css b/component/styles/reply.css index 4117d4c..f0d3d31 100644 --- a/component/styles/reply.css +++ b/component/styles/reply.css @@ -30,12 +30,15 @@ transition: all 200ms; text-decoration: none; word-break: normal; - animation-duration: 1s; + /* animation-duration: 1s; */ animation-name: animate-reply; animation-play-state: paused; animation-fill-mode: forwards; - opacity: 0; + /* opacity: 0; */ transform: translate3d(0px, 0px, 0px); + animation-delay: -3s; +-ms-animation-delay: -3; +-webkit-animation-delay: -3s; } @keyframes animate-reply { from { opacity: 0 }