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

fixes #28330. props avryl, ipstenu.

git-svn-id: https://develop.svn.wordpress.org/trunk@29340 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Mark Jaquith 2014-08-01 18:09:47 +00:00
parent 5686f4511a
commit a46a981daa
3 changed files with 7 additions and 3 deletions

View File

@ -198,6 +198,9 @@
s.$dfwTitle = null; s.$dfwTitle = null;
} }
$( '#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' ); api.ui.fade( 'show', 'showing', 'shown' );
}; };
@ -413,6 +416,8 @@
}); });
ps.subscribe( 'hiding', function() { // This event occurs while the overlay blocks the DFW UI. 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' ); $body.removeClass( 'wp-fullscreen-active' );
if ( s.$dfwTitle ) { if ( s.$dfwTitle ) {

View File

@ -1797,7 +1797,7 @@ i.mce-i-hr:before {
.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container { .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
-webkit-transition-duration: 0.4s; -webkit-transition-duration: 0.4s;
transition-duration: 0.4s; transition-duration: 0.4s;
border-color: #ccc; border-color: currentColor;
} }
.fade-1000, .fade-1000,
@ -1846,7 +1846,7 @@ i.mce-i-hr:before {
.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title, .wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
.wp-fullscreen-active.wp-dfw-touch .wp-editor-container { .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
border-color: #ccc; border-color: currentColor;
} }
.wp-dfw-touch #wp-fullscreen-statusbar { .wp-dfw-touch #wp-fullscreen-statusbar {

View File

@ -37,7 +37,6 @@ body.webkit b {
/* DFW mode */ /* DFW mode */
html.wp-fullscreen, html.wp-fullscreen,
html.wp-fullscreen body { html.wp-fullscreen body {
background: transparent;
width: auto; width: auto;
max-width: none; max-width: none;
min-height: 0; min-height: 0;