Changeset 29340

Timestamp:

08/01/2014 06:09:47 PM (10 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;