Changeset 11206
- Timestamp:
- 08/26/2021 11:34:14 PM (3 years ago)
- Location:
- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/page-dashicons.js
r9777 r11206 13 13 14 14 random: function() { 15 var divs = jQuery("#iconlist div").get().sort(function(){15 const listItems = jQuery("#iconlist li").get().sort(function(){ 16 16 return Math.round(Math.random())-0.5; 17 17 }).slice(0,1); 18 18 19 attr = jQuery( divs).attr('alt');20 cssClass = jQuery( divs).attr('class');19 attr = jQuery(listItems).attr('data-code'); 20 cssClass = jQuery(listItems).attr('class'); 21 21 dashicons.display( attr, cssClass ); 22 22 }, … … 35 35 glyphtext = jQuery('#temp').text(); 36 36 37 var sectionName = jQuery('#iconlist div.dashicons-' + permalink).prevAll('h4').first().text();37 var sectionName = jQuery('#iconlist li.dashicons-' + permalink ).parent().prevAll('h4').first().text(); 38 38 39 39 var tmpl = wp.template( 'glyphs' ); … … 65 65 } 66 66 67 attr = jQuery( '.' + permalink ).attr( ' alt' );67 attr = jQuery( '.' + permalink ).attr( 'data-code' ); 68 68 cssClass = jQuery( '.' + permalink ).attr('class'); 69 69 dashicons.display( attr, cssClass ); … … 72 72 } 73 73 74 jQuery( '#iconlist div' ).click(function() {74 jQuery( '#iconlist li' ).click(function() { 75 75 76 attr = jQuery( this ).attr( ' alt' );76 attr = jQuery( this ).attr( 'data-code' ); 77 77 cssClass = jQuery( this ).attr( 'class' ); 78 78 … … 82 82 }); 83 83 84 var $rows = jQuery('#iconlist div');84 var $rows = jQuery('#iconlist li'); 85 85 jQuery('#search').keyup(function() { 86 86 … … 95 95 96 96 $rows.show().filter(function() { 97 var text = jQuery(this). text().replace(/\s+/g, ' ').toLowerCase();97 var text = jQuery(this).attr('data-keywords').replace(/\s+/g, ' ').toLowerCase(); 98 98 return !~text.indexOf(val); 99 99 }).hide(); -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-dashicons.php
r11196 r11206 11 11 12 12 wp_enqueue_style( 'dashicons-page', get_template_directory_uri() . '/stylesheets/page-dashicons.css', array(), '20200427' ); 13 wp_enqueue_script( 'dashicons-page', get_template_directory_uri() . '/js/page-dashicons.js', array( 'jquery', 'wp-util' ), '202 00427' );13 wp_enqueue_script( 'dashicons-page', get_template_directory_uri() . '/js/page-dashicons.js', array( 'jquery', 'wp-util' ), '20210826' ); 14 14 15 15 get_header(); ?> … … 40 40 echo "<!-- {$group} -->\n"; 41 41 42 echo "<ul>\n"; 42 43 foreach ( $group_info['icons'] as $name => $info ) { 43 44 printf( 44 '<div alt="%s" class="dashicons %s">%s</div>' . "\n", 45 $info['code'], 46 $name, 47 $info['keywords'] 45 '<li data-keywords="%s" data-code="%s" class="dashicons %s"><span>%s</span></li>' . "\n", 46 esc_attr( $info['keywords'] ), 47 esc_attr( $info['code'] ), 48 esc_attr( $name ), 49 $info['label'] 48 50 ); 49 51 } 52 echo "</ul>\n"; 50 53 endforeach; 51 54 ?> -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss
r11203 r11206 104 104 } 105 105 106 ul { 107 margin: 0; 108 } 109 106 110 .dashicons { 107 111 position: relative; … … 111 115 width: $size; 112 116 height: $size; 113 overflow: hidden;114 117 white-space: nowrap; 115 118 font-size: $iconsize; … … 117 120 cursor: pointer; 118 121 119 &:before { 120 margin-right: $size; 121 position: relative; 122 left: 20px; 123 } 124 125 &:after { 126 content: attr(alt); 122 &:hover { 123 color: #d54e21; 124 } 125 126 span { 127 127 display: block; 128 128 font-size: 14px; 129 color: #999; 129 color: #888; 130 margin-top: $gutter; 130 131 text-align: center; 131 margin-top: $gutter; 132 } 133 134 &:hover { 135 color: #d54e21; 132 word-wrap: break-word; 133 white-space: normal; 136 134 } 137 135 } -
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css
r11203 r11206 101 101 } 102 102 103 .dashicons-page #iconlist ul { 104 margin: 0; 105 } 106 103 107 .dashicons-page #iconlist .dashicons { 104 108 position: relative; … … 108 112 width: 96px; 109 113 height: 96px; 110 overflow: hidden;111 114 white-space: nowrap; 112 115 font-size: 60px; … … 115 118 } 116 119 117 .dashicons-page #iconlist .dashicons:before { 118 margin-right: 96px; 119 position: relative; 120 left: 20px; 121 } 122 123 .dashicons-page #iconlist .dashicons:after { 124 content: attr(alt); 120 .dashicons-page #iconlist .dashicons:hover { 121 color: #d54e21; 122 } 123 124 .dashicons-page #iconlist .dashicons span { 125 125 display: block; 126 126 font-size: 14px; 127 color: #999; 127 color: #888; 128 margin-top: 10px; 128 129 text-align: center; 129 margin-top: 10px; 130 } 131 132 .dashicons-page #iconlist .dashicons:hover { 133 color: #d54e21; 130 word-wrap: break-word; 131 white-space: normal; 134 132 } 135 133
Note: See TracChangeset
for help on using the changeset viewer.