Changeset 30594

Timestamp:

11/28/2014 02:35:09 AM (12 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;
-}