Skip to content

Commit

Permalink
Fix Safari browser rendering issue
Browse files Browse the repository at this point in the history
Safari caused weird bug that made answer bubbles disappear, which is fixable by forcing it to use 3d render acceleration.
  • Loading branch information
dmitrizzle authored Oct 5, 2017
1 parent 98415b4 commit e01144d
Showing 1 changed file with 4 additions and 3 deletions.
7 changes: 4 additions & 3 deletions component/styles/reply.css
Original file line number Diff line number Diff line change
Expand Up @@ -35,6 +35,7 @@
animation-play-state: paused;
animation-fill-mode: forwards;
opacity: 0;
transform: translate3d(0px, 0px, 0px);
}
@keyframes animate-reply {
from { opacity: 0 }
Expand All @@ -56,13 +57,13 @@
border-radius: 15px 15px 5px 15px;
}
.bubble.reply.bubble-picked .bubble-content .bubble-button {
transform: scale(0);
transform: scale(0) translate3d(0px, 0px, 0px);;
padding: 0;
}
.bubble.reply:not(.bubble-picked) .bubble-content .bubble-button:hover,
.bubble.reply .bubble-content .bubble-button.bubble-pick {
background: rgba(44, 44, 44, 1);
transform: scale(1);
transform: scale(1) translate3d(0px, 0px, 0px);;
padding: 8px 16px;
height: auto;
}
Expand All @@ -85,4 +86,4 @@
}
.bubble .bubble-content input:read-only {
background: linear-gradient(166deg, #48121d, #0d4058 100%) !important;
}
}

0 comments on commit e01144d

Please sign in to comment.