Changeset 3337

Timestamp:

06/12/2016 07:58:50 AM (8 years ago)

Author:

obenland

Message:

Plugin Directory: Update category styles in meta widget.

See #1573.

Location:

sites/trunk/wordpress.org/public_html/wp-content

Files:

• plugins/plugin-directory/widgets/class-meta.php (modified) (2 diffs)
• themes/pub/wporg-plugins/css/style.css (modified) (1 diff)
• themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/plugins/plugin-directory/widgets/class-meta.php

@@ -27 +27 @@
      */
     public function widget( $args, $instance ) {
+        $post = get_post();
+
         echo $args['before_widget'];
         ?>
@@ -42 +44 @@
             <li><?php printf( __( 'Last updated: %s ago', 'wporg-plugins' ), '<span itemprop="dateModified" content="' . esc_attr( get_post_modified_time( 'c' ) ) . '">' . human_time_diff( get_post_modified_time() ) . '</span>' ); ?></li>
             <li><?php printf( __( 'Active installs: %s', 'wporg-plugins' ), Template::active_installs( false ) ); ?></li>
-            <li><?php printf( __( 'Category: %s', 'wporg-plugins' ), get_the_term_list( get_post()->ID, 'plugin_category', '', ', ' ) ); ?></li>
-            <?php if ( $built_for = get_the_term_list( get_post()->ID, 'plugin_built_for', '', ', ' ) ) : ?>
+            <?php if ( $categories = get_the_term_list( $post, 'plugin_category', '<div class="tags">', '', '</div>' ) ) : ?>
+                <li><?php printf( __( 'Category: %s', 'wporg-plugins' ), $categories ); ?></li>
+            <?php endif; ?>
+            <?php if ( $built_for = get_the_term_list( $post, 'plugin_built_for', '', ', ' ) ) : ?>
                 <li><?php printf( __( 'Designed to work with: %s', 'wporg-plugins' ), $built_for ); ?></li>
             <?php endif; ?>
-            <?php if ( $business_model = get_the_term_list( get_post()->ID, 'plugin_business_model', '', ', ' ) ) : ?>
+            <?php if ( $business_model = get_the_term_list( $post, 'plugin_business_model', '', ', ' ) ) : ?>
                 <li><?php printf( __( 'Business Model: %s', 'wporg-plugins' ), $business_model ); ?></li>
             <?php endif; ?>

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

@@ -1277 +1277 @@
 
 .plugin-meta ul li {
+  border-top: 1px solid #eee;
   padding: 0.5rem 0;
-  border-top: 1px solid #eee;
+}
+
+.plugin-meta ul .tags {
+  float: right;
+  text-align: right;
+  width: 70%;
+}
+
+.plugin-meta ul [rel="tag"] {
+  background: #eee;
+  border-radius: 2px;
+  color: #000;
+  display: inline-block;
+  font-size: 10.24px;
+  font-size: 0.64rem;
+  margin: 2px;
+  padding: 3px 6px;
+  position: relative;
+  white-space: nowrap;
+  width: auto;
+}
+
+.plugin-meta ul [rel="tag"]:hover {
+  background: #f3f3f3;
+}
+
+.plugin-meta ul [rel="tag"]:active {
+  background: #dfdfdf;
 }
 

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss

@@ -99 +99 @@
 
     li {
+        border-top: 1px solid #eee;
         padding: 0.5rem 0;
-        border-top: 1px solid #eee;
+    }
+
+    .tags {
+        float: right;
+        text-align: right;
+        width: 70%;
+    }
+
+    [rel="tag"] {
+        background: #eee;
+        border-radius: 2px;
+        color: #000;
+        display: inline-block;
+        @include font-size( ms-unitless( ms(-4) ) );
+        margin: 2px;
+        padding: 3px 6px;
+        position: relative;
+        white-space: nowrap;
+        width: auto;
+
+        &:hover {
+            background: #f3f3f3;
+        }
+        &:active {
+            background: #dfdfdf;
+        }
     }
 }