Remove css vendor pefixes for transition and transform (microsoft#60050)

mjbvz · web-flow · commit 6d8b6d39ccf8 · 2018-10-08T08:10:15.000-07:00
The css3 `transform` and `transition` properties are now widely supported. I do not believe we need to ship vendor prefixed rules for these anymore
diff --git a/src/vs/base/browser/ui/actionbar/actionbar.css b/src/vs/base/browser/ui/actionbar/actionbar.css
@@ -28,10 +28,6 @@
 .monaco-action-bar .action-item {
 	cursor: pointer;
 	display: inline-block;
-	-ms-transition: -ms-transform 50ms ease;
-	-webkit-transition: -webkit-transform 50ms ease;
-	-moz-transition: -moz-transform 50ms ease;
-	-o-transition: -o-transform 50ms ease;
 	transition: transform 50ms ease;
 	position: relative;  /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */
 }
@@ -41,11 +37,7 @@
 }
 
 .monaco-action-bar.animated .action-item.active {
-	-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);
+	transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */
 }
 
 .monaco-action-bar .action-item .icon {
@@ -87,10 +79,6 @@
 }
 
 .monaco-action-bar.animated.vertical .action-item.active {
-	-ms-transform: translate(5px, 0);
-	-webkit-transform: translate(5px, 0);
-	-moz-transform: translate(5px, 0);
-	-o-transform: translate(5px, 0);
 	transform: translate(5px, 0);
 }
 
diff --git a/src/vs/base/browser/ui/menu/menu.css b/src/vs/base/browser/ui/menu/menu.css
@@ -14,20 +14,12 @@
 
 .monaco-menu .monaco-action-bar.vertical .action-item {
 	padding: 0;
-	-ms-transform: none;
-	-webkit-transform: none;
-	-moz-transform: none;
-	-o-transform: none;
 	transform: none;
 	display: -ms-flexbox;
 	display: flex;
 }
 
 .monaco-menu .monaco-action-bar.vertical .action-item.active {
-	-ms-transform: none;
-	-webkit-transform: none;
-	-moz-transform: none;
-	-o-transform: none;
 	transform: none;
 }
 
diff --git a/src/vs/base/browser/ui/progressbar/progressbar.css b/src/vs/base/browser/ui/progressbar/progressbar.css
@@ -24,10 +24,6 @@
 .monaco-progress-container.discrete .progress-bit {
 	left: 0;
 	transition: width 100ms linear;
-	-webkit-transition: width 100ms linear;
-	-o-transition: width 100ms linear;
-	-moz-transition: width 100ms linear;
-	-ms-transition: width 100ms linear;
 }
 
 .monaco-progress-container.discrete.done .progress-bit {
diff --git a/src/vs/base/browser/ui/scrollbar/media/scrollbars.css b/src/vs/base/browser/ui/scrollbar/media/scrollbars.css
@@ -44,21 +44,13 @@
 	/* Background rule added for IE9 - to allow clicks on dom node */
 	background:rgba(0,0,0,0);
 
-	-webkit-transition: opacity 100ms linear;
-	-o-transition: opacity 100ms linear;
-	-moz-transition: opacity 100ms linear;
-	-ms-transition: opacity 100ms linear;
 	transition: opacity 100ms linear;
 }
 .monaco-scrollable-element > .invisible {
 	opacity: 0;
 	pointer-events: none;
 }
 .monaco-scrollable-element > .invisible.fade {
-	-webkit-transition: opacity 800ms linear;
-	-o-transition: opacity 800ms linear;
-	-moz-transition: opacity 800ms linear;
-	-ms-transition: opacity 800ms linear;
 	transition: opacity 800ms linear;
 }
 
diff --git a/src/vs/base/browser/ui/splitview/panelview.css b/src/vs/base/browser/ui/splitview/panelview.css
@@ -90,21 +90,13 @@
 
 .monaco-panel-view.animated .split-view-view {
 	transition-duration: 0.15s;
-	-webkit-transition-duration: 0.15s;
-	-moz-transition-duration: 0.15s;
 	transition-timing-function: ease-out;
-	-webkit-transition-timing-function: ease-out;
-	-moz-transition-timing-function: ease-out;
 }
 
 .monaco-panel-view.animated.vertical .split-view-view {
 	transition-property: height;
-	-webkit-transition-property: height;
-	-moz-transition-property: height;
 }
 
 .monaco-panel-view.animated.horizontal .split-view-view {
 	transition-property: width;
-	-webkit-transition-property: width;
-	-moz-transition-property: width;
 }
diff --git a/src/vs/editor/contrib/find/findWidget.css b/src/vs/editor/contrib/find/findWidget.css
@@ -36,13 +36,7 @@
 	height: 34px; /* find input height */
 	overflow: hidden;
 	line-height: 19px;
-
-	-webkit-transition: top 200ms linear;
-	-o-transition: top 200ms linear;
-	-moz-transition: top 200ms linear;
-	-ms-transition: top 200ms linear;
 	transition: top 200ms linear;
-
 	padding: 0 4px;
 }
 /* Find widget when replace is toggled on */
diff --git a/src/vs/editor/contrib/find/simpleFindWidget.css b/src/vs/editor/contrib/find/simpleFindWidget.css
@@ -22,11 +22,6 @@
 	padding: 4px;
 	align-items: center;
 	pointer-events: all;
-
-	-webkit-transition: top 200ms linear;
-	-o-transition: top 200ms linear;
-	-moz-transition: top 200ms linear;
-	-ms-transition: top 200ms linear;
 	transition: top 200ms linear;
 }
 
diff --git a/src/vs/editor/contrib/parameterHints/parameterHints.css b/src/vs/editor/contrib/parameterHints/parameterHints.css
@@ -22,9 +22,6 @@
 }
 
 .monaco-editor .parameter-hints-widget.visible {
-	-webkit-transition: left .05s ease-in-out;
-	-moz-transition: left .05s ease-in-out;
-	-o-transition: left .05s ease-in-out;
 	transition: left .05s ease-in-out;
 }
 
diff --git a/src/vs/workbench/parts/debug/browser/media/debugViewlet.css b/src/vs/workbench/parts/debug/browser/media/debugViewlet.css
@@ -72,7 +72,6 @@
 	background-position: center center;
 	flex-shrink: 0;
 	transition: transform 50ms ease;
-	-webkit-transition: -webkit-transform 50ms ease;
 }
 
 .vs-dark .monaco-workbench > .part > .title > .title-actions .start-debug-action-item .icon,
@@ -93,7 +92,6 @@
 }
 
 .monaco-workbench > .part > .title > .title-actions .start-debug-action-item .icon.active {
-	-webkit-transform: scale(1.272019649, 1.272019649);
 	transform: scale(1.272019649, 1.272019649);
 }
 

Original file line number	Diff line number	Diff line change
`@@ -28,10 +28,6 @@`
`28`	`28`	`.monaco-action-bar .action-item {`
`29`	`29`	`cursor: pointer;`
`30`	`30`	`display: inline-block;`
`31`		`- -ms-transition: -ms-transform 50ms ease;`
`32`		`- -webkit-transition: -webkit-transform 50ms ease;`
`33`		`- -moz-transition: -moz-transform 50ms ease;`
`34`		`- -o-transition: -o-transform 50ms ease;`
`35`	`31`	`transition: transform 50ms ease;`
`36`	`32`	`position: relative; /* DO NOT REMOVE - this is the key to preventing the ghosting icon bug in Chrome 42 */`
`37`	`33`	`}`
`@@ -41,11 +37,7 @@`
`41`	`37`	`}`
`42`	`38`
`43`	`39`	`.monaco-action-bar.animated .action-item.active {`
`44`		`- -ms-transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */`
`45`		`- -webkit-transform: scale(1.272019649, 1.272019649);`
`46`		`- -moz-transform: scale(1.272019649, 1.272019649);`
`47`		`- -o-transform: scale(1.272019649, 1.272019649);`
`48`		`- transform: scale(1.272019649, 1.272019649);`
	`40`	`+ transform: scale(1.272019649, 1.272019649); /* 1.272019649 = √φ */`
`49`	`41`	`}`
`50`	`42`
`51`	`43`	`.monaco-action-bar .action-item .icon {`
`@@ -87,10 +79,6 @@`
`87`	`79`	`}`
`88`	`80`
`89`	`81`	`.monaco-action-bar.animated.vertical .action-item.active {`
`90`		`- -ms-transform: translate(5px, 0);`
`91`		`- -webkit-transform: translate(5px, 0);`
`92`		`- -moz-transform: translate(5px, 0);`
`93`		`- -o-transform: translate(5px, 0);`
`94`	`82`	`transform: translate(5px, 0);`
`95`	`83`	`}`
`96`	`84`
Original file line number	Diff line number	Diff line change
`@@ -90,21 +90,13 @@`
`90`	`90`
`91`	`91`	`.monaco-panel-view.animated .split-view-view {`
`92`	`92`	`transition-duration: 0.15s;`
`93`		`- -webkit-transition-duration: 0.15s;`
`94`		`- -moz-transition-duration: 0.15s;`
`95`	`93`	`transition-timing-function: ease-out;`
`96`		`- -webkit-transition-timing-function: ease-out;`
`97`		`- -moz-transition-timing-function: ease-out;`
`98`	`94`	`}`
`99`	`95`
`100`	`96`	`.monaco-panel-view.animated.vertical .split-view-view {`
`101`	`97`	`transition-property: height;`
`102`		`- -webkit-transition-property: height;`
`103`		`- -moz-transition-property: height;`
`104`	`98`	`}`
`105`	`99`
`106`	`100`	`.monaco-panel-view.animated.horizontal .split-view-view {`
`107`	`101`	`transition-property: width;`
`108`		`- -webkit-transition-property: width;`
`109`		`- -moz-transition-property: width;`
`110`	`102`	`}`
Original file line number	Diff line number	Diff line change
`@@ -22,9 +22,6 @@`
`22`	`22`	`}`
`23`	`23`
`24`	`24`	`.monaco-editor .parameter-hints-widget.visible {`
`25`		`- -webkit-transition: left .05s ease-in-out;`
`26`		`- -moz-transition: left .05s ease-in-out;`
`27`		`- -o-transition: left .05s ease-in-out;`
`28`	`25`	`transition: left .05s ease-in-out;`
`29`	`26`	`}`
`30`	`27`
Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,6 @@`
`72`	`72`	`background-position: center center;`
`73`	`73`	`flex-shrink: 0;`
`74`	`74`	`transition: transform 50ms ease;`
`75`		`- -webkit-transition: -webkit-transform 50ms ease;`
`76`	`75`	`}`
`77`	`76`
`78`	`77`	`.vs-dark .monaco-workbench > .part > .title > .title-actions .start-debug-action-item .icon,`
`@@ -93,7 +92,6 @@`
`93`	`92`	`}`
`94`	`93`
`95`	`94`	`.monaco-workbench > .part > .title > .title-actions .start-debug-action-item .icon.active {`
`96`		`- -webkit-transform: scale(1.272019649, 1.272019649);`
`97`	`95`	`transform: scale(1.272019649, 1.272019649);`
`98`	`96`	`}`
`99`	`97`