Changeset 9776

Timestamp:

04/27/2020 12:19:44 AM (4 years ago)

Author:

dd32

Message:

Developer: Include the 'category'/Group of the icons in the glyph preview.

This allows for users to know which group of icons a search result belongs to.

See #5172.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer

Files:

• functions.php (modified) (1 diff)
• js/page-dashicons.js (modified) (1 diff)
• page-dashicons.php (modified) (2 diffs)
• stylesheets/page-dashicons.css (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php

@@ -346 +346 @@
     wp_enqueue_style( 'dashicons' );
     wp_enqueue_style( 'open-sans', '//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' );
-    wp_enqueue_style( 'wporg-developer-style', get_stylesheet_uri(), array(), '2' );
+    wp_enqueue_style( 'wporg-developer-style', get_stylesheet_uri(), array(), '3' );
     wp_enqueue_style( 'wp-dev-sass-compiled', get_template_directory_uri() . '/stylesheets/main.css', array( 'wporg-developer-style' ), '20200413' );
     wp_enqueue_script( 'wporg-developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20181209', true );

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/page-dashicons.js

@@ -35 +35 @@
             glyphtext = jQuery('#temp').text();
 
+            var sectionName = jQuery('#iconlist div.dashicons-' + permalink ).prevUntil('h4').last().prev().text();
+
             var tmpl = wp.template( 'glyphs' );
 
             jQuery( '#glyph' ).html( tmpl({
                 cssClass: 'dashicons-' + permalink,
+                sectionName: sectionName,
                 attr: attr,
                 html: htmltext,

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-dashicons.php

@@ -8 +8 @@
  */
 
-wp_enqueue_style(  'dashicons-page', get_template_directory_uri() . '/stylesheets/page-dashicons.css', array(), '20150217' );
-wp_enqueue_script( 'dashicons-page', get_template_directory_uri() . '/js/page-dashicons.js', array( 'jquery', 'wp-util' ), '20150217' );
+wp_enqueue_style(  'dashicons-page', get_template_directory_uri() . '/stylesheets/page-dashicons.css', array(), '20200427' );
+wp_enqueue_script( 'dashicons-page', get_template_directory_uri() . '/js/page-dashicons.js', array( 'jquery', 'wp-util' ), '20200427' );
 
 get_header(); ?>
@@ -463 +463 @@
             <div class="dashicons {{data.cssClass}}"></div>
             <div class="info">
+                <span><strong>{{data.sectionName}}</strong></span>
                 <span class="name"><code>{{data.cssClass}}</code></span>
                 <span class="link"><a href='javascript:dashicons.copy( "content: \"\\{{data.attr}}\";", "css" )'><?php _e( 'Copy CSS', 'wporg' ); ?></a></span>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css

@@ -60 +60 @@
 .dashicons-page #glyph .info {
   float: right;
-  margin-top: 50px;
+  margin-top: 30px;
   width: 35%;
 }