From 8392ddbf87f5522c445573c50e4f21d690172bc0 Mon Sep 17 00:00:00 2001 From: Nolan Lawson Date: Thu, 19 Oct 2017 09:27:55 -0700 Subject: [PATCH] Remove unnecessary translateZ(0) when doing scale() (#5473) --- .../mastodon/features/compose/components/upload.js | 2 +- .../compose/containers/sensitive_button_container.js | 2 +- .../mastodon/features/ui/components/upload_area.js | 2 +- app/javascript/styles/mastodon/components.scss | 8 ++++---- 4 files changed, 7 insertions(+), 7 deletions(-) diff --git a/app/javascript/mastodon/features/compose/components/upload.js b/app/javascript/mastodon/features/compose/components/upload.js index 5d8d66cf7..6ab76492a 100644 --- a/app/javascript/mastodon/features/compose/components/upload.js +++ b/app/javascript/mastodon/features/compose/components/upload.js @@ -68,7 +68,7 @@ export default class Upload extends ImmutablePureComponent {
{({ scale }) => ( -
+
diff --git a/app/javascript/mastodon/features/compose/containers/sensitive_button_container.js b/app/javascript/mastodon/features/compose/containers/sensitive_button_container.js index e4bd5a743..c8e74f5a1 100644 --- a/app/javascript/mastodon/features/compose/containers/sensitive_button_container.js +++ b/app/javascript/mastodon/features/compose/containers/sensitive_button_container.js @@ -47,7 +47,7 @@ class SensitiveButton extends React.PureComponent { 'compose-form__sensitive-button--visible': visible, }); return ( -
+
-
+
diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index 5211489f7..ead1c8866 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -3008,21 +3008,21 @@ button.icon-button.active i.fa-retweet { } .fa-search { - transform: translateZ(0) rotate(90deg); + transform: rotate(90deg); &.active { pointer-events: none; - transform: translateZ(0) rotate(0deg); + transform: rotate(0deg); } } .fa-times-circle { top: 11px; - transform: translateZ(0) rotate(0deg); + transform: rotate(0deg); cursor: pointer; &.active { - transform: translateZ(0) rotate(90deg); + transform: rotate(90deg); } &:hover {