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 (