Changeset 29340

Timestamp:

08/01/2014 06:09:47 PM (12 years ago)

Author:

markjaquith

Message:

Match background color in DFW and adapt the dashed outline color.

fixes #28330. props avryl, ipstenu.

Location:

trunk/src

Files:

• wp-admin/js/wp-fullscreen.js (modified) (2 diffs)
• wp-includes/css/editor.css (modified) (2 diffs)
• wp-includes/js/tinymce/skins/wordpress/wp-content.css (modified) (1 diff)

trunk/src/wp-admin/js/wp-fullscreen.js

@@ -199 +199 @@
                 }
 
+                $( '#fullscreen-overlay' ).css( 'background-color', s.editor.dom.getStyle( s.editor.getBody(), 'background-color', true ) );
+                s.$dfwTitle.add( s.$editorContainer ).css( 'color', s.editor.dom.getStyle( s.editor.getBody(), 'color', true ) );
+
                 api.ui.fade( 'show', 'showing', 'shown' );
         };
@@ -414 +417 @@
 
         ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI.
+                s.$dfwTitle.add( s.$editorContainer ).css( 'color', '' );
+
                 $body.removeClass( 'wp-fullscreen-active' );
 

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

@@ -1798 +1798 @@
         -webkit-transition-duration: 0.4s;
         transition-duration: 0.4s;
-        border-color: #ccc;
+        border-color: currentColor;
 }
 
@@ -1847 +1847 @@
 .wp-fullscreen-active.wp-dfw-touch  .wp-fullscreen-title,
 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
-        border-color: #ccc;
+        border-color: currentColor;
 }
 

trunk/src/wp-includes/js/tinymce/skins/wordpress/wp-content.css

@@ -38 +38 @@
 html.wp-fullscreen,
 html.wp-fullscreen body {
-        background: transparent;
         width: auto;
         max-width: none;