WordPress.org

Making WordPress.org

Changeset 4393


Ignore:
Timestamp:
11/21/2016 07:54:32 AM (5 years ago)
Author:
dd32
Message:

Plugin Directory: Add extra information to the plugin cards.

See #2183

Location:
sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/plugin-card/style.scss

    r4223 r4393  
    11.plugin-card {
     2    background-color: #f9f9f9;
    23    margin-bottom: 4%;
     4    padding: 8px 8px 0 8px;
     5    vertical-align: top;
    36
    47    @media screen and ( min-width: $ms-breakpoint ) {
     
    3942        }
    4043    }
     44
     45    hr {
     46        background-color: #fff;
     47        margin: auto;
     48    }
     49
     50    footer {
     51        span {
     52            font-size: ms(-3);
     53            width: 48%;
     54            display: inline-block;
     55            overflow: hidden;
     56            white-space: nowrap;
     57
     58            i {
     59                display: inline-block;
     60                font-size: 1rem;
     61                margin-right: 0.4rem;
     62            }
     63
     64        }
     65           
     66        .dashicons {
     67            margin: 0 2px -1rem;
     68            color: #bbb;
     69            width: auto;
     70            height: auto;
     71            display: none;
     72
     73            @media (min-width:414px) {
     74                display: inline-block;
     75            }
     76        }
     77    }
    4178}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/_components.scss

    r4374 r4393  
    1919@import "../components/search-form/style";
    2020@import "../components/search/style";
     21@import "../components/site-footer/style";
    2122@import "../components/site-header/main-navigation/style";
    2223@import "../components/site-header/site-description/style";
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css

    r4375 r4393  
    18501850
    18511851.plugin-card {
     1852  background-color: #f9f9f9;
    18521853  margin-bottom: 4%;
     1854  padding: 8px 8px 0 8px;
     1855  vertical-align: top;
    18531856}
    18541857
     
    18951898.plugin-card .entry-excerpt p {
    18961899  margin: 0 0 8px;
     1900}
     1901
     1902.plugin-card hr {
     1903  background-color: #fff;
     1904  margin: auto;
     1905}
     1906
     1907.plugin-card footer span {
     1908  font-size: 11.704px;
     1909  font-size: 0.73152rem;
     1910  width: 48%;
     1911  display: inline-block;
     1912  overflow: hidden;
     1913  white-space: nowrap;
     1914}
     1915
     1916.plugin-card footer span i {
     1917  display: inline-block;
     1918  font-size: 16px;
     1919  font-size: 1rem;
     1920  margin-left: 6.4px;
     1921  margin-left: 0.4rem;
     1922}
     1923
     1924.plugin-card footer .dashicons {
     1925  margin: 0 2px -16px;
     1926  margin: 0 2px -1rem;
     1927  color: #bbb;
     1928  width: auto;
     1929  height: auto;
     1930  display: none;
     1931}
     1932
     1933@media (min-width: 414px) {
     1934  .plugin-card footer .dashicons {
     1935    display: inline-block;
     1936  }
    18971937}
    18981938
     
    28242864}
    28252865
     2866nav .nav-links {
     2867  text-align: center;
     2868}
     2869
     2870nav .nav-links .page-numbers {
     2871  background-color: #f9f9f9;
     2872  min-width: 2em;
     2873  padding: 8px;
     2874  display: inline-block;
     2875  cursor: hand;
     2876}
     2877
     2878nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
     2879  width: auto;
     2880  font-size: 0.9em;
     2881  background: none;
     2882}
     2883
     2884nav .nav-links .page-numbers.dots {
     2885  cursor: inherit;
     2886}
     2887
     2888nav .nav-links span.page-numbers {
     2889  font-weight: bold;
     2890  background-color: #f7f7f7;
     2891}
     2892
    28262893.main-navigation {
    28272894  background: #0073aa;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r4375 r4393  
    18501850
    18511851.plugin-card {
     1852  background-color: #f9f9f9;
    18521853  margin-bottom: 4%;
     1854  padding: 8px 8px 0 8px;
     1855  vertical-align: top;
    18531856}
    18541857
     
    18951898.plugin-card .entry-excerpt p {
    18961899  margin: 0 0 8px;
     1900}
     1901
     1902.plugin-card hr {
     1903  background-color: #fff;
     1904  margin: auto;
     1905}
     1906
     1907.plugin-card footer span {
     1908  font-size: 11.704px;
     1909  font-size: 0.73152rem;
     1910  width: 48%;
     1911  display: inline-block;
     1912  overflow: hidden;
     1913  white-space: nowrap;
     1914}
     1915
     1916.plugin-card footer span i {
     1917  display: inline-block;
     1918  font-size: 16px;
     1919  font-size: 1rem;
     1920  margin-right: 6.4px;
     1921  margin-right: 0.4rem;
     1922}
     1923
     1924.plugin-card footer .dashicons {
     1925  margin: 0 2px -16px;
     1926  margin: 0 2px -1rem;
     1927  color: #bbb;
     1928  width: auto;
     1929  height: auto;
     1930  display: none;
     1931}
     1932
     1933@media (min-width: 414px) {
     1934  .plugin-card footer .dashicons {
     1935    display: inline-block;
     1936  }
    18971937}
    18981938
     
    28242864}
    28252865
     2866nav .nav-links {
     2867  text-align: center;
     2868}
     2869
     2870nav .nav-links .page-numbers {
     2871  background-color: #f9f9f9;
     2872  min-width: 2em;
     2873  padding: 8px;
     2874  display: inline-block;
     2875  cursor: hand;
     2876}
     2877
     2878nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
     2879  width: auto;
     2880  font-size: 0.9em;
     2881  background: none;
     2882}
     2883
     2884nav .nav-links .page-numbers.dots {
     2885  cursor: inherit;
     2886}
     2887
     2888nav .nav-links span.page-numbers {
     2889  font-weight: bold;
     2890  background-color: #f7f7f7;
     2891}
     2892
    28262893.main-navigation {
    28272894  background: #0073aa;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin.php

    r4223 r4393  
    11<?php
    22/**
    3  * Template part for displaying posts.
     3 * Template part for displaying plugins.
    44 *
    55 * @link https://codex.wordpress.org/Template_Hierarchy
     
    2828        </div><!-- .entry-excerpt -->
    2929    </div>
     30    <hr>
     31    <footer>
     32        <span class="plugin-author">
     33            <i class="dashicons dashicons-admin-users"></i> <?php echo esc_html( get_post_meta( get_the_ID(), 'header_author', true ) ); ?>
     34        </span>
     35        <span class="active-installs">
     36            <i class="dashicons dashicons-chart-area"></i> <?php printf( __( '%s Active Installs', 'wporg-plugins' ), Template::active_installs(false) ); ?>
     37        </span>
     38        <span class="tested-with">
     39            <?php if ( $tested_up_to = (string) get_post_meta( $post->ID, 'tested', true ) ) { ?>
     40                <i class="dashicons dashicons-wordpress-alt"></i> <?php printf( __( 'Tested with %s', 'wporg-plugins' ), $tested_up_to ); ?></span>
     41            <?php } ?>
     42        </span>
     43        <span class="last-updated">
     44            <i class="dashicons dashicons-calendar"></i> <?php
     45                /* Translators: Plugin modified time. */
     46                printf( __( 'Updated %s ago', 'wporg-plugins' ), human_time_diff( get_post_modified_time() ) ); ?>
     47        </span>
     48        </span>
     49    </footer>
    3050</article><!-- #post-## -->
Note: See TracChangeset for help on using the changeset viewer.