From cf85dfa3e3f7d4e84063a57c937398c132462f47 Mon Sep 17 00:00:00 2001
From: Joen A <1204802+jasmussen@users.noreply.github.com>
Date: Tue, 15 Feb 2022 08:58:45 +0100
Subject: [PATCH] Simplify site icon animation on hover. (#38783)
* Simplify site icon animation on hover.
* Fix for site editor.
---
.../header/fullscreen-mode-close/index.js | 13 ++--
.../header/fullscreen-mode-close/style.scss | 6 +-
.../navigation-toggle/index.js | 17 +++--
.../navigation-toggle/style.scss | 63 ++++++++++---------
4 files changed, 59 insertions(+), 40 deletions(-)
diff --git a/packages/edit-post/src/components/header/fullscreen-mode-close/index.js b/packages/edit-post/src/components/header/fullscreen-mode-close/index.js
index a698ce4994e44b..8663128f0e528c 100644
--- a/packages/edit-post/src/components/header/fullscreen-mode-close/index.js
+++ b/packages/edit-post/src/components/header/fullscreen-mode-close/index.js
@@ -2,6 +2,7 @@
* External dependencies
*/
import { get } from 'lodash';
+import classnames from 'classnames';
/**
* WordPress dependencies
@@ -59,9 +60,8 @@ function FullscreenModeClose( { showTooltip, icon, href } ) {
const effect = {
expand: {
- scale: 1.7,
- borderRadius: 0,
- transition: { type: 'tween', duration: '0.2' },
+ scale: 1.25,
+ transition: { type: 'tween', duration: '0.3' },
},
};
@@ -85,10 +85,15 @@ function FullscreenModeClose( { showTooltip, icon, href } ) {
buttonIcon = ;
}
+ const classes = classnames( {
+ 'edit-post-fullscreen-mode-close': true,
+ 'has-icon': siteIconUrl,
+ } );
+
return (
;
}
+ const classes = classnames( {
+ 'edit-site-navigation-toggle__button': true,
+ 'has-icon': siteIconUrl,
+ } );
+
return (