Changeset 30594

Timestamp:

11/28/2014 02:35:09 AM (10 years ago)

Author:

azaozz

Message:

Editor: move the DFW v2 transitions CSS from editor.css to wp-admin.css. They are needed only on the Edit Post screen.
See #30453.

Location:

trunk/src

Files:

• wp-admin/css/edit.css (modified) (1 diff)
• wp-includes/css/editor.css (modified) (1 diff)

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

@@ -1242 +1242 @@
 }
 
+/* DFW 2
+-------------------------------------------------------------- */
+
+.focus-on .wrap > h2,
+.focus-on #wpfooter,
+.focus-on .postbox-container,
+.focus-on div.updated,
+.focus-on div.error,
+.focus-on div.notice {
+    opacity: 0;
+    -webkit-transition-duration: 0.6s;
+    transition-duration: 0.6s;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+}
+
+.focus-on #wp-toolbar {
+    opacity: 0.3;
+    -webkit-transition-duration: 0.6s;
+    transition-duration: 0.6s;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+}
+
+.focus-off .wrap > h2,
+.focus-off #wpfooter,
+.focus-off .postbox-container,
+.focus-off div.updated,
+.focus-off div.error,
+.focus-off div.notice,
+.focus-off #wp-toolbar {
+    opacity: 1;
+    -webkit-transition-duration: 0.2s;
+    transition-duration: 0.2s;
+    -webkit-transition-property: opacity;
+    transition-property: opacity;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+}
+
+.focus-on #adminmenuback,
+.focus-on #adminmenuwrap,
+.focus-on .screen-meta-toggle {
+    -webkit-transition-duration: 0.6s;
+    transition-duration: 0.6s;
+    -webkit-transition-property: -webkit-transform;
+    transition-property: transform;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+}
+
+/* @noflip */
+.focus-on #adminmenuback,
+.focus-on #adminmenuwrap {
+    -webkit-transform: translateX( -100% );
+    -ms-transform: translateX( -100% );
+    transform: translateX( -100% );
+}
+
+/* @noflip */
+.rtl.focus-on #adminmenuback,
+.rtl.focus-on #adminmenuwrap {
+    -webkit-transform: translateX( 100% );
+    -ms-transform: translateX( 100% );
+    transform: translateX( 100% );
+}
+
+.focus-on .screen-meta-toggle {
+    -webkit-transform: translateY( -100% );
+    -ms-transform: translateY( -100% );
+    transform: translateY( -100% );
+}
+
+.focus-off #adminmenuback,
+.focus-off #adminmenuwrap,
+.focus-off .screen-meta-toggle {
+    -webkit-transform: translateX( 0 );
+    -ms-transform: translateX( 0 );
+    transform: translateX( 0 );
+    -webkit-transition-duration: 0.2s;
+    transition-duration: 0.2s;
+    -webkit-transition-property: -webkit-transform;
+    transition-property: transform;
+    -webkit-transition-timing-function: ease-in-out;
+    transition-timing-function: ease-in-out;
+}
+
 /* =Media Queries
 -------------------------------------------------------------- */

trunk/src/wp-includes/css/editor.css

@@ -2133 +2133 @@
     }
 }
-
-/* TODO: DFW responsive */
-
-/* DFW 2
--------------------------------------------------------------- */
-
-.focus-on .wrap > h2,
-.focus-on #wpfooter,
-.focus-on .postbox-container,
-.focus-on div.updated,
-.focus-on div.error,
-.focus-on #wp-toolbar {
-    opacity: 0;
-    -webkit-transition-duration: 0.6s;
-    transition-duration: 0.6s;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-}
-
-.focus-on #wp-toolbar {
-    opacity: 0.3;
-}
-
-.focus-off .wrap > h2,
-.focus-off #wpfooter,
-.focus-off .postbox-container,
-.focus-off div.updated,
-.focus-off div.error,
-.focus-off #wp-toolbar {
-    opacity: 1;
-    -webkit-transition-duration: 0.2s;
-    transition-duration: 0.2s;
-    -webkit-transition-property: opacity;
-    transition-property: opacity;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-}
-
-.focus-on #adminmenuback,
-.focus-on #adminmenuwrap,
-.focus-on .screen-meta-toggle {
-    -webkit-transition-duration: 0.6s;
-    transition-duration: 0.6s;
-    -webkit-transition-property: -webkit-transform;
-    transition-property: transform;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-}
-
-/* @noflip */
-.focus-on #adminmenuback,
-.focus-on #adminmenuwrap {
-    -webkit-transform: translateX( -100% );
-    -ms-transform: translateX( -100% );
-    transform: translateX( -100% );
-}
-
-/* @noflip */
-.rtl.focus-on #adminmenuback,
-.rtl.focus-on #adminmenuwrap {
-    -webkit-transform: translateX( 100% );
-    -ms-transform: translateX( 100% );
-    transform: translateX( 100% );
-}
-
-.focus-on .screen-meta-toggle {
-    -webkit-transform: translateY( -100% );
-    -ms-transform: translateY( -100% );
-    transform: translateY( -100% );
-}
-
-.focus-off #adminmenuback,
-.focus-off #adminmenuwrap,
-.focus-off .screen-meta-toggle {
-    -webkit-transform: translateX( 0 );
-    -ms-transform: translateX( 0 );
-    transform: translateX( 0 );
-    -webkit-transition-duration: 0.2s;
-    transition-duration: 0.2s;
-    -webkit-transition-property: -webkit-transform;
-    transition-property: transform;
-    -webkit-transition-timing-function: ease-in-out;
-    transition-timing-function: ease-in-out;
-}