diff --git a/src/wp-includes/class-wp-editor.php b/src/wp-includes/class-wp-editor.php
index 7583a738f1..e62762363d 100644
--- a/src/wp-includes/class-wp-editor.php
+++ b/src/wp-includes/class-wp-editor.php
@@ -168,7 +168,13 @@ final class _WP_Editors {
$buttons .= '' . __('Visual') . "\n";
}
- echo '
';
+ $wrap_class = 'wp-core-ui wp-editor-wrap ' . $switch_class;
+
+ if ( $set['dfw'] ) {
+ $wrap_class .= ' has-dfw';
+ }
+
+ echo '
';
if ( self::$editor_buttons_css ) {
wp_print_styles('editor-buttons');
diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css
index f033e7b949..dae7e0edb8 100644
--- a/src/wp-includes/css/editor.css
+++ b/src/wp-includes/css/editor.css
@@ -144,10 +144,14 @@ div.mce-panel {
div.mce-toolbar-grp {
border-bottom: 1px solid #dedede;
background: #f5f5f5;
- padding: 3px 35px 3px 3px;
+ padding: 3px;
position: relative;
}
+.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
+ padding-right: 32px;
+}
+
.mce-toolbar .mce-btn-group {
margin: 0;
}
@@ -177,8 +181,8 @@ div.mce-path {
border: 1px solid transparent;
margin: 2px;
background-image: none;
- -webkit-border-radius: 3px;
- border-radius: 3px;
+ -webkit-border-radius: 2px;
+ border-radius: 2px;
-webkit-filter: none;
filter: none;
}
@@ -200,11 +204,18 @@ div.mce-path {
#wp-fullscreen-buttons .mce-btn.mce-active,
.mce-toolbar .mce-btn-group .mce-btn:active,
#wp-fullscreen-buttons .mce-btn:active {
- background: #eee;
+ background: #ebebeb;
border-color: #999;
- color: #333;
- -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
- box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
+ -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
+ box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
+ border-color: #555;
+}
+
+.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
+ color: #555;
}
.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
@@ -243,7 +254,7 @@ div.mce-path {
}
.mce-toolbar .mce-colorbutton .mce-preview {
- margin-left: -16px;
+ margin-left: -17px;
padding: 0;
width: 18px;
}
@@ -266,6 +277,18 @@ div.mce-path {
.mce-panel .mce-btn i.mce-caret {
border-top: 6px solid #777;
+ margin-left: 2px;
+ margin-right: 2px;
+}
+
+.mce-listbox i.mce-caret {
+ right: 6px;
+}
+
+.mce-panel .mce-btn button.mce-open i.mce-caret,
+.mce-panel .mce-btn.mce-listbox i.mce-caret {
+ margin-left: 0;
+ margin-right: 0;
}
.mce-panel .mce-btn:hover i.mce-caret {
@@ -443,6 +466,12 @@ div.mce-menu .mce-menu-item-sep,
text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}
+.mce-menubtn.mce-fixed-width button span {
+ width: auto;
+ max-width: 80px;
+ padding-right: 16px;
+}
+
/* Charmap modal */
.mce-charmap {
margin: 3px;
@@ -738,11 +767,6 @@ i.mce-i-hr:before {
box-shadow: none;
}
-.quicktags-toolbar {
- border-bottom: 1px solid #dedede;
- background: #f5f5f5;
-}
-
.wp-editor-tabs {
float: right;
}
@@ -844,10 +868,14 @@ i.mce-i-hr:before {
/* Quicktags */
.quicktags-toolbar {
- border-bottom-style: solid;
- border-bottom-width: 1px;
- padding: 3px 35px 3px 3px;
+ padding: 3px;
position: relative;
+ border-bottom: 1px solid #dedede;
+ background: #f5f5f5;
+}
+
+.has-dfw .quicktags-toolbar {
+ padding-right: 35px;
}
.wp-core-ui .quicktags-toolbar input.button.button-small {