WordPress.org
Get WordPress

Making WordPress.org

Changeset 4393


Ignore:
Timestamp:
11/21/2016 07:54:32 AM (10 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.