From 2c297d7c2f28f84577766eec80d29b7c800de3ae Mon Sep 17 00:00:00 2001 From: Chi Vinh Le Date: Tue, 19 Sep 2017 00:08:09 +0700 Subject: [PATCH 1/2] Promote modqueue comment into own layer to fix safari issues --- client/coral-admin/src/routes/Moderation/components/styles.css | 1 + 1 file changed, 1 insertion(+) diff --git a/client/coral-admin/src/routes/Moderation/components/styles.css b/client/coral-admin/src/routes/Moderation/components/styles.css index 6f27e0b94..401917340 100644 --- a/client/coral-admin/src/routes/Moderation/components/styles.css +++ b/client/coral-admin/src/routes/Moderation/components/styles.css @@ -185,6 +185,7 @@ span { transition: all 200ms; padding: 10px 0; min-height: 0; + transform: translateZ(0); .container { padding: 0 14px; From ed22bc34fcd7cd74776d482e419ec4e5db96052e Mon Sep 17 00:00:00 2001 From: Chi Vinh Le Date: Tue, 19 Sep 2017 00:11:49 +0700 Subject: [PATCH 2/2] Add a comment --- .../src/routes/Moderation/components/styles.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/client/coral-admin/src/routes/Moderation/components/styles.css b/client/coral-admin/src/routes/Moderation/components/styles.css index 401917340..8d4214760 100644 --- a/client/coral-admin/src/routes/Moderation/components/styles.css +++ b/client/coral-admin/src/routes/Moderation/components/styles.css @@ -185,6 +185,13 @@ span { transition: all 200ms; padding: 10px 0; min-height: 0; + + /* + Fix rendering issues in Safari by promoting this + into its own layer. + + https://www.pivotaltracker.com/story/show/151142211 + */ transform: translateZ(0); .container {