Changeset 29365

Timestamp:

08/02/2014 10:01:49 PM (12 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;
 }