diff --git a/src/vs/base/browser/ui/actionbar/actionbar.css b/src/vs/base/browser/ui/actionbar/actionbar.css index 67b6e6893820f3abcff490681eac3d24f4dffa7d..c5bba62f932ae0ae6fa5f5aff74f40da10432e46 100644 --- a/src/vs/base/browser/ui/actionbar/actionbar.css +++ b/src/vs/base/browser/ui/actionbar/actionbar.css @@ -24,11 +24,11 @@ .monaco-action-bar .action-item { cursor: pointer; display: inline-block; - -ms-transition: -ms-transform 100ms ease; - -webkit-transition: -webkit-transform 100ms ease; - -moz-transition: -moz-transform 100ms ease; - -o-transition: -o-transform 100ms ease; - transition: transform 100ms ease; + -ms-transition: -ms-transform 80ms ease; + -webkit-transition: -webkit-transform 80ms ease; + -moz-transition: -moz-transform 80ms ease; + -o-transition: -o-transform 80ms ease; + transition: transform 80ms ease; position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */ } @@ -37,11 +37,11 @@ } .monaco-action-bar.animated .action-item.active { - -ms-transform: translate(0, -3px); - -webkit-transform: translate(0, -3px); - -moz-transform: translate(0, -3px); - -o-transform: translate(0, -3px); - transform: translate(0, -3px); + -ms-transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */ + -webkit-transform: scale(1.272019649, 1.272019649); + -moz-transform: scale(1.272019649, 1.272019649); + -o-transform: scale(1.272019649, 1.272019649); + transform: scale(1.272019649, 1.272019649); } .monaco-action-bar .action-item .icon {