Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(70)

Unified Diff: chrome/browser/resources/print_preview/previewarea/preview_area.css

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only Created 3 years, 10 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: chrome/browser/resources/print_preview/previewarea/preview_area.css
diff --git a/chrome/browser/resources/print_preview/previewarea/preview_area.css b/chrome/browser/resources/print_preview/previewarea/preview_area.css
index ef12a1c2f9ebd0526de11459466c93cc764a9116..b6131a6afa1cf2e240d557f532a5de614abe69fb 100644
--- a/chrome/browser/resources/print_preview/previewarea/preview_area.css
+++ b/chrome/browser/resources/print_preview/previewarea/preview_area.css
@@ -17,45 +17,45 @@
}
#preview-area .preview-area-plugin {
- /* pluginFadeInTransitionDuration = 200ms */
- -webkit-transition: opacity 200ms linear;
- /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */
- -webkit-transition-delay: 100ms;
border: none;
cursor: inherit;
height: 100%;
opacity: 1;
+ /* pluginFadeInTransitionDuration = 200ms */
+ transition: opacity 200ms linear;
+ /* pluginFadeInTransitionDelay = overlayFadeOutTransitionDuration = 100ms */
+ transition-delay: 100ms;
width: 100%;
}
#preview-area .preview-area-plugin.invisible {
+ opacity: 0;
/* pluginFadeOutTransitionDuration = 100ms */
- -webkit-transition: opacity 100ms linear;
+ transition: opacity 100ms linear;
/* pluginFadeOutTransitionDelay = 250ms */
- -webkit-transition-delay: 250ms;
- opacity: 0;
+ transition-delay: 250ms;
}
#preview-area .preview-area-overlay-layer {
- -webkit-transition: opacity 200ms linear;
- /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay +
- * pluginFadeOutTransitionDuration = 350ms */
- -webkit-transition-delay: 350ms;
-webkit-user-select: none;
background: #e6e6e6;
height: 100%;
margin: 0;
opacity: 1;
position: absolute;
+ transition: opacity 200ms linear;
+ /* overlayFadeInTransitionDelay = pluginFadeOutTransitionDelay +
+ * pluginFadeOutTransitionDuration = 350ms */
+ transition-delay: 350ms;
width: 100%;
z-index: 1;
}
#preview-area .preview-area-overlay-layer.invisible {
- /* overlayFadeOutTransitionDuration = 100ms */
- -webkit-transition: opacity 100ms linear;
opacity: 0;
pointer-events: none;
+ /* overlayFadeOutTransitionDuration = 100ms */
+ transition: opacity 100ms linear;
}
#preview-area .preview-area-messages {

Powered by Google App Engine
This is Rietveld 408576698