Changeset 27857 for trunk/src/wp-includes/class-wp-editor.php

Timestamp:

03/29/2014 11:57:13 PM (10 years ago)

Author:

azaozz

Message:

Editor:

• Use standard button styles for the Quicktags buttons.
• Better style for the TinyMCE buttons (hover/focus/active/disabled).
• Move the fullscreen (DFW) button to the right.
• Better style for the Visual/Text buttons in DFW.

Props avryl, see #27279

File:

• trunk/src/wp-includes/class-wp-editor.php (modified) (2 diffs)

trunk/src/wp-includes/class-wp-editor.php

@@ -670 +670 @@
             wp_enqueue_script('editor');
 
-        if ( self::$has_quicktags )
-            wp_enqueue_script('quicktags');
+        if ( self::$has_quicktags ) {
+            wp_enqueue_script( 'quicktags' );
+            wp_enqueue_style( 'buttons' );
+        }
 
         if ( in_array('wplink', self::$plugins, true) || in_array('link', self::$qt_buttons, true) ) {
@@ -1116 +1118 @@
             <div id="wp-fullscreen-central-toolbar" style="width:<?php echo $width; ?>px;">
 
-            <div id="wp-fullscreen-mode-bar"><div id="wp-fullscreen-modes">
-                <a href="#" onclick="wp.editor.fullscreen.switchmode('tinymce');return false;"><?php _e( 'Visual' ); ?></a>
-                <a href="#" onclick="wp.editor.fullscreen.switchmode('html');return false;"><?php _ex( 'Text', 'Name for the Text editor tab (formerly HTML)' ); ?></a>
-            </div></div>
+            <div id="wp-fullscreen-mode-bar">
+                <div id="wp-fullscreen-modes" class="button-group">
+                    <a class="button wp-fullscreen-mode-tinymce" href="#" onclick="wp.editor.fullscreen.switchmode( 'tinymce' ); return false;"><?php _e( 'Visual' ); ?></a>
+                    <a class="button wp-fullscreen-mode-html" href="#" onclick="wp.editor.fullscreen.switchmode( 'html' ); return false;"><?php _ex( 'Text', 'Name for the Text editor tab (formerly HTML)' ); ?></a>
+                </div>
+            </div>
 
             <div id="wp-fullscreen-button-bar"><div id="wp-fullscreen-buttons" class="mce-toolbar">