Merge pull request #3807 from swagger-api/swagger-ui/execute-animation-cpu-usage

shockey · web-flow · commit 53ca59ee5e8c · 2017-11-03T16:15:48.000-07:00
Reduce high cpu/gpu usage of 'Execute' btn animation
diff --git a/src/style/_buttons.scss b/src/style/_buttons.scss
@@ -65,6 +65,7 @@
     &.execute
     {
         animation: swagger-ui-pulse 2s infinite;
+        will-change: transform;
         background-color: $btn-execute-background-color;
         color: $btn-execute-font-color;
         border-color: $btn-execute-border-color;

Original file line number	Diff line number	Diff line change
`@@ -65,6 +65,7 @@`
`65`	`65`	`&.execute`
`66`	`66`	`{`
`67`	`67`	`animation: swagger-ui-pulse 2s infinite;`
	`68`	`+ will-change: transform;`
`68`	`69`	`background-color: $btn-execute-background-color;`
`69`	`70`	`color: $btn-execute-font-color;`
`70`	`71`	`border-color: $btn-execute-border-color;`