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

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

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: rebase 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/print_preview.css
diff --git a/chrome/browser/resources/print_preview/print_preview.css b/chrome/browser/resources/print_preview/print_preview.css
index 8e2e04965f2c74a39a4a62541db886da99ffa8bd..982b9ff4bbbc5dac03b6cb210bc2d90e195f59f5 100644
--- a/chrome/browser/resources/print_preview/print_preview.css
+++ b/chrome/browser/resources/print_preview/print_preview.css
@@ -101,9 +101,9 @@ header {
.two-column:not(.visible) .left-column,
.two-column:not(.visible) .right-column {
- -webkit-transition: padding-bottom 150ms, padding-top 150ms;
padding-bottom: 0;
padding-top: 0;
+ transition: padding-bottom 150ms, padding-top 150ms;
}
.two-column:not(.visible) select {
@@ -147,7 +147,6 @@ button.loading {
}
span.hint {
- -webkit-transition: color 200ms;
background: white;
display: block;
font-size: 0.9em;
@@ -156,12 +155,13 @@ span.hint {
line-height: 10px;
margin: 0;
overflow: hidden;
+ transition: color 200ms;
}
span.hint.visible {
- -webkit-animation-duration: 200ms;
- -webkit-animation-fill-mode: forwards;
-webkit-user-select: text;
+ animation-duration: 200ms;
+ animation-fill-mode: forwards;
color: rgb(140, 20, 20);
height: auto;
margin-bottom: -5px;
@@ -170,11 +170,11 @@ span.hint.visible {
}
span.hint.closing {
- -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
background: transparent;
height: 0 !important;
margin: 0;
opacity: 0;
+ transition: margin 150ms, height 150ms, opacity 150ms;
}
.collapsible {
@@ -183,16 +183,16 @@ span.hint.closing {
}
.collapsible.visible {
- -webkit-animation-duration: 200ms;
- -webkit-animation-fill-mode: forwards;
+ animation-duration: 200ms;
+ animation-fill-mode: forwards;
height: auto;
}
.collapsible.closing {
- -webkit-transition: margin 150ms, height 150ms, opacity 150ms;
height: 0 !important;
opacity: 0;
overflow: hidden;
+ transition: margin 150ms, height 150ms, opacity 150ms;
}
.collapsible.closing > * {
@@ -222,8 +222,8 @@ label {
}
.visible .extra {
- -webkit-animation-duration: 200ms;
- -webkit-animation-fill-mode: forwards;
+ animation-duration: 200ms;
+ animation-fill-mode: forwards;
height: auto;
opacity: 1;
overflow: hidden;
@@ -233,13 +233,12 @@ label {
}
.closing .extra {
- -webkit-transition: padding-top 100ms, height 100ms, opacity 200ms,
- background 300ms;
height: 0 !important;
opacity: 0;
overflow: hidden;
padding-top: 0;
position: static;
+ transition: padding-top 100ms, height 100ms, opacity 200ms, background 300ms;
visibility: visible;
}
@@ -251,7 +250,7 @@ label {
display: none !important;
}
-@-webkit-keyframes dancing-dots-jump {
+@keyframes dancing-dots-jump {
0% { top: 0; }
55% { top: 0; }
60% { top: -10px; }
@@ -262,17 +261,17 @@ label {
}
span.jumping-dots > span {
- -webkit-animation: dancing-dots-jump 1800ms infinite;
+ animation: dancing-dots-jump 1800ms infinite;
padding: 1px;
position: relative;
}
span.jumping-dots > span:nth-child(2) {
- -webkit-animation-delay: 100ms;
+ animation-delay: 100ms;
}
span.jumping-dots > span:nth-child(3) {
- -webkit-animation-delay: 300ms;
+ animation-delay: 300ms;
}
#print-header .button-strip {

Powered by Google App Engine
This is Rietveld 408576698