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

Unified Diff: chrome/browser/resources/options/options_page.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/options/options_page.css
diff --git a/chrome/browser/resources/options/options_page.css b/chrome/browser/resources/options/options_page.css
index c45420576f38482c2c4a350e64c96b15734cb9a8..485cdc76ca10ee039b1dff1572bfc9c0506b5a84 100644
--- a/chrome/browser/resources/options/options_page.css
+++ b/chrome/browser/resources/options/options_page.css
@@ -125,12 +125,12 @@ div.disabled {
/* Editable text field properties */
.editable-text-field > * {
-webkit-box-align: center;
- -webkit-transition: 150ms background-color;
border: none;
box-sizing: border-box;
display: -webkit-box;
height: 20px;
margin: 0;
+ transition: 150ms background-color;
}
.editable-text-field > .spacer {
@@ -170,13 +170,13 @@ div.disabled {
/* Editable List properties */
list > * {
-webkit-box-align: center;
- -webkit-transition: 150ms background-color;
border: none;
border-radius: 0; /* TODO(dbeam): Is this necessary? */
box-sizing: border-box;
display: -webkit-box;
height: 32px;
margin: 0;
+ transition: 150ms background-color;
}
list > .spacer {
@@ -254,7 +254,6 @@ list .deletable-item > :first-child {
}
list .row-delete-button {
- -webkit-transition: 150ms opacity;
background-color: transparent;
background-image: -webkit-image-set(
url(../../../../ui/resources/default_100_percent/close_2.png) 1x,
@@ -263,6 +262,7 @@ list .row-delete-button {
display: block;
height: 16px;
opacity: 1;
+ transition: 150ms opacity;
width: 16px;
}
@@ -332,13 +332,13 @@ list > [editing] input:invalid {
.list-inline-button {
-webkit-appearance: none;
- -webkit-transition: opacity 150ms;
background: rgb(138, 170, 237);
border: none;
border-radius: 2px;
color: white;
font-weight: bold;
opacity: 0.7;
+ transition: opacity 150ms;
}
.list-inline-button:hover {

Powered by Google App Engine
This is Rietveld 408576698