Changeset 29365

Timestamp:

08/02/2014 10:01:49 PM (10 years ago)

Author:

ocean90

Message:

Standardize transition-animations on modal close/arrow buttons.

props celloexpressions.
fixes #29021.

Location:

trunk/src

Files:

• wp-admin/css/common.css (modified) (1 diff)
• wp-admin/css/customize-controls.css (modified) (2 diffs)
• wp-admin/css/themes.css (modified) (4 diffs)
• wp-includes/css/media-views.css (modified) (4 diffs)

trunk/src/wp-admin/css/common.css

@@ -2526 +2526 @@
     width: 48px;
     height: 48px;
-}
-
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
+}
+
+body.plugin-install-php .tb-close-icon:focus,
 body.plugin-install-php .tb-close-icon:hover,
+body.import-php .tb-close-icon:focus,
 body.import-php .tb-close-icon:hover,
+body.plugins-php .tb-close-icon:focus,
 body.plugins-php .tb-close-icon:hover,
+body.update-core-php .tb-close-icon:focus,
 body.update-core-php .tb-close-icon:hover,
+body.index-php .tb-close-icon:focus,
 body.index-php .tb-close-icon:hover {
     background: #0074a2;
     color: #fff;
+    outline: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 

trunk/src/wp-admin/css/customize-controls.css

@@ -177 +177 @@
     color: #444;
     cursor: pointer;
-    -webkit-transition: color ease-in .1s;
-    transition: color ease-in .1s;
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
 }
 
@@ -193 +193 @@
     border-right: 1px solid #ddd;
     cursor: pointer;
-    -webkit-transition: left ease-in-out .18s, color ease-in .1s;
-    transition: left ease-in-out .18s, color ease-in .1s;
+    -webkit-transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
+    transition: left .18s ease-in-out, color .1s ease-in-out, background .1s ease-in-out;
 }
 

trunk/src/wp-admin/css/themes.css

@@ -428 +428 @@
     border-left: 1px solid #ddd;
     background-color: transparent;
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
 }
 
@@ -455 +457 @@
     border: 0;
     border-right: 1px solid #ddd;
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
 }
 
@@ -465 +469 @@
     background: #0074a2;
     color: #fff;
+    outline: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }
 
@@ -1384 +1391 @@
     cursor: pointer;
     text-decoration: none;
-    -webkit-transition: color ease-in .1s;
-    transition: color ease-in .1s;
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
 }
 

trunk/src/wp-includes/css/media-views.css

@@ -148 +148 @@
     z-index: 1000;
     color: #777;
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
 }
 
@@ -1083 +1085 @@
     -webkit-border-radius: 10px;
     border-radius: 10px;
-    -webkit-transition:         width 300ms;
-    transition:         width 300ms;
+    -webkit-transition: width 300ms;
+    transition: width 300ms;
 }
 
@@ -2684 +2686 @@
     border: 0;
     border-left: 1px solid #ddd;
+    -webkit-transition: color .1s ease-in-out, background .1s ease-in-out;
+    transition: color .1s ease-in-out, background .1s ease-in-out;
 }
 
@@ -2735 +2739 @@
     background: #0074a2;
     color: #fff;
+    outline: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
 }