Merge pull request #22 from x-team/issue-21

Issue 21: Add custom "pulse" menu icon
xwp · Dec 6, 2013 · 0a15749 · 0a15749
2 parents 5269f64 + 7919b2d
commit 0a15749
Show file tree

Hide file tree

Showing 8 changed files with 82 additions and 3 deletions.
diff --git a/includes/admin.php b/includes/admin.php
@@ -28,6 +28,7 @@ public static function load() {
 
 		// Load admin scripts and styles
 		add_action( 'admin_enqueue_scripts', array( __CLASS__, 'admin_enqueue_scripts' ) );
+		add_action( 'admin_enqueue_scripts', array( __CLASS__, 'admin_menu_css' ) );
 
 		// Reset Streams database
 		add_action( 'wp_ajax_wp_stream_reset', array( __CLASS__, 'wp_ajax_reset' ) );
@@ -52,7 +53,7 @@ public static function register_menu() {
 			$cap,
 			'wp_stream',
 			array( __CLASS__, 'stream_page' ),
-			null,
+			'div',
 			3
 			);
 
@@ -79,8 +80,61 @@ public static function admin_enqueue_scripts( $hook ) {
 		if ( ! isset( self::$screen_id['main'] ) || $hook !== self::$screen_id['main'] ) {
 			return;
 		}
-		wp_enqueue_script( 'wp-stream-admin', plugins_url( 'ui/admin.js' , dirname( __FILE__ ) ), array( 'jquery' ) );
-		wp_enqueue_style( 'wp-stream-admin', plugins_url( 'ui/admin.css' , dirname( __FILE__ ) ), array() );
+		wp_enqueue_script( 'wp-stream-admin', WP_STREAM_URL . 'ui/admin.js', array( 'jquery' ) );
+		wp_enqueue_style( 'wp-stream-admin', WP_STREAM_URL . 'ui/admin.css', array() );
+	}
+
+	/**
+	 * Add menu styles for various WP Admin skins
+	 *
+	 * @action admin_enqueue_scripts
+	 * @return wp_add_inline_style
+	 */
+	public static function admin_menu_css() {
+		wp_register_style( 'wp-stream-icons', WP_STREAM_URL . 'ui/stream-icons/style.css' );
+
+		// Make sure we're working off a clean version.
+		include( ABSPATH . WPINC . '/version.php' );
+		if ( version_compare( $wp_version, '3.8-alpha', '>=' ) ) {
+			wp_enqueue_style( 'wp-stream-icons' );
+			$css = "
+				#toplevel_page_wp_stream .wp-menu-image:before {
+					font-family: 'WP Stream' !important;
+					content: '\\73' !important;
+				}
+				#toplevel_page_wp_stream .wp-menu-image {
+					background-repeat: no-repeat;
+				}
+				#menu-posts-feedback .wp-menu-image:before {
+					font-family: dashicons !important;
+					content: '\\f175';
+				}
+				#adminmenu #menu-posts-feedback div.wp-menu-image {
+					background: none !important;
+					background-repeat: no-repeat;
+				}";
+		} else {
+			$css = "
+				#toplevel_page_wp_stream .wp-menu-image {
+					background: url( " . WP_STREAM_URL . 'ui/stream-icons/menuicon-sprite.png' . " ) 0 90% no-repeat;
+				}
+				/* Retina Stream Menu Icon */
+				@media  only screen and (-moz-min-device-pixel-ratio: 1.5),
+						only screen and (-o-min-device-pixel-ratio: 3/2),
+						only screen and (-webkit-min-device-pixel-ratio: 1.5),
+						only screen and (min-device-pixel-ratio: 1.5) {
+					#toplevel_page_wp_stream .wp-menu-image {
+						background: url( " . WP_STREAM_URL . 'ui/stream-icons/menuicon-sprite-2x.png' . " ) 0 90% no-repeat;
+						background-size:30px 64px;
+					}
+				}
+				#toplevel_page_wp_stream.current .wp-menu-image,
+				#toplevel_page_wp_stream.wp-has-current-submenu .wp-menu-image,
+				#toplevel_page_wp_stream:hover .wp-menu-image {
+					background-position: top left;
+				}";
+		}
+		wp_add_inline_style( 'wp-admin', $css );
 	}
 
 	/**

diff --git a/ui/stream-icons/font/stream.eot b/ui/stream-icons/font/stream.eot
diff --git a/ui/stream-icons/font/stream.svg b/ui/stream-icons/font/stream.svg
diff --git a/ui/stream-icons/font/stream.ttf b/ui/stream-icons/font/stream.ttf
diff --git a/ui/stream-icons/font/stream.woff b/ui/stream-icons/font/stream.woff
diff --git a/ui/stream-icons/menuicon-sprite-2x.png b/ui/stream-icons/menuicon-sprite-2x.png
diff --git a/ui/stream-icons/menuicon-sprite.png b/ui/stream-icons/menuicon-sprite.png
diff --git a/ui/stream-icons/style.css b/ui/stream-icons/style.css
@@ -0,0 +1,14 @@
+@font-face {
+	font-family: 'WP Stream';
+	src:url('font/stream.eot');
+	src:url('font/stream.eot?#iefix') format('embedded-opentype'),
+		url('font/stream.ttf') format('truetype'),
+		url('font/stream.woff') format('woff'),
+		url('font/stream.svg#icomoon') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+.icon-stream:before {
+	content: "\73";
+}