Skip to content

Commit

Permalink
Safari and IOS fix for reply.css
Browse files Browse the repository at this point in the history
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.
  • Loading branch information
omertarikkoc authored Dec 27, 2017
1 parent af99f90 commit fa22c92
Showing 1 changed file with 5 additions and 2 deletions.
7 changes: 5 additions & 2 deletions component/styles/reply.css
Original file line number Diff line number Diff line change
Expand Up @@ -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 }
Expand Down

0 comments on commit fa22c92

Please sign in to comment.