WordPress.org

Making WordPress.org

Changeset 3459


Ignore:
Timestamp:
06/19/2016 10:47:04 AM (5 years ago)
Author:
obenland
Message:

Plugin Directory: Show plugin banner in full width on small screens.

See #1719.

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/css/style-rtl.css

    r3454 r3459  
    18101810    font-size: 10.24px;
    18111811    font-size: 0.64rem;
    1812     width: 10rem;
     1812    width: 7rem;
    18131813  }
    18141814  .site-header .search-form .search-field + .button-search {
    18151815    display: inline-block;
     1816    margin-bottom: 0;
     1817  }
     1818}
     1819
     1820@media screen and (min-width: 60em) {
     1821  .site-header .search-form .search-field {
     1822    width: 10rem;
    18161823  }
    18171824}
     
    18981905
    18991906.single .site-main {
    1900   padding-top: 1.5625rem;
     1907  padding: 0;
     1908}
     1909
     1910@media screen and (min-width: 48em) {
     1911  .single .site-main {
     1912    padding: 0 10px 3.0517578125rem;
     1913  }
    19011914}
    19021915
     
    20702083}
    20712084
    2072 .single .type-plugin .plugin-banner + .plugin-header {
    2073   padding-top: 0;
     2085@media screen and (min-width: 60em) {
     2086  .single .type-plugin .plugin-banner {
     2087    margin-top: 1.5625rem;
     2088  }
    20742089}
    20752090
    20762091.single .type-plugin .plugin-header {
    20772092  border-bottom: 2px solid #eee;
    2078   padding-bottom: 1.143rem;
     2093  padding: 1.143rem 1.5625rem;
    20792094}
    20802095
     
    21132128.single .type-plugin .plugin-header .byline {
    21142129  color: #78848f;
     2130}
     2131
     2132.single .type-plugin .plugin-banner + .plugin-header {
     2133  padding-top: 0;
     2134}
     2135
     2136.single .type-plugin .entry-content,
     2137.single .type-plugin .entry-meta {
     2138  padding: 0 1.5625rem;
    21152139}
    21162140
     
    23102334
    23112335@media screen and (min-width: 48em) {
     2336  .single .type-plugin .plugin-header,
     2337  .single .type-plugin .entry-content,
     2338  .single .type-plugin .entry-meta {
     2339    padding-right: 0;
     2340    padding-left: 0;
     2341  }
    23122342  .single .type-plugin .entry-meta {
    23132343    float: left;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r3454 r3459  
    18101810    font-size: 10.24px;
    18111811    font-size: 0.64rem;
    1812     width: 10rem;
     1812    width: 7rem;
    18131813  }
    18141814  .site-header .search-form .search-field + .button-search {
    18151815    display: inline-block;
     1816    margin-bottom: 0;
     1817  }
     1818}
     1819
     1820@media screen and (min-width: 60em) {
     1821  .site-header .search-form .search-field {
     1822    width: 10rem;
    18161823  }
    18171824}
     
    18981905
    18991906.single .site-main {
    1900   padding-top: 1.5625rem;
     1907  padding: 0;
     1908}
     1909
     1910@media screen and (min-width: 48em) {
     1911  .single .site-main {
     1912    padding: 0 10px 3.0517578125rem;
     1913  }
    19011914}
    19021915
     
    20702083}
    20712084
    2072 .single .type-plugin .plugin-banner + .plugin-header {
    2073   padding-top: 0;
     2085@media screen and (min-width: 60em) {
     2086  .single .type-plugin .plugin-banner {
     2087    margin-top: 1.5625rem;
     2088  }
    20742089}
    20752090
    20762091.single .type-plugin .plugin-header {
    20772092  border-bottom: 2px solid #eee;
    2078   padding-bottom: 1.143rem;
     2093  padding: 1.143rem 1.5625rem;
    20792094}
    20802095
     
    21132128.single .type-plugin .plugin-header .byline {
    21142129  color: #78848f;
     2130}
     2131
     2132.single .type-plugin .plugin-banner + .plugin-header {
     2133  padding-top: 0;
     2134}
     2135
     2136.single .type-plugin .entry-content,
     2137.single .type-plugin .entry-meta {
     2138  padding: 0 1.5625rem;
    21152139}
    21162140
     
    23102334
    23112335@media screen and (min-width: 48em) {
     2336  .single .type-plugin .plugin-header,
     2337  .single .type-plugin .entry-content,
     2338  .single .type-plugin .entry-meta {
     2339    padding-left: 0;
     2340    padding-right: 0;
     2341  }
    23122342  .single .type-plugin .entry-meta {
    23132343    float: right;
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss

    r3454 r3459  
    149149                border-radius: 2px 0 0 2px;
    150150                @include font-size( ms-unitless( ms(-4) ) );
    151                 width: 10rem;
     151                width: 7rem;
    152152            }
    153153
    154154            .search-field + .button-search {
    155155                display: inline-block;
     156                margin-bottom: 0;
     157            }
     158        }
     159
     160        @media screen and ( min-width: 60em ) {
     161            .search-field {
     162                width: 10rem;
    156163            }
    157164        }
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss

    r3406 r3459  
    66    padding: ms(10) ms(4);
    77
    8     @media screen and ( min-width: 48em ) {
     8    @media screen and ( min-width: $ms-breakpoint ) {
    99        padding: ms(10) 10px;
    1010    }
    1111
    1212    .single & {
    13         padding-top: ms(4);
     13        padding: 0;
     14
     15        @media screen and ( min-width: $ms-breakpoint ) {
     16            padding: 0 10px ms(10);
     17        }
    1418    }
    1519
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss

    r3454 r3459  
    1717        vertical-align: middle;
    1818        width: 100%;
    19     }
    20 
    21     .plugin-banner + .plugin-header {
    22         padding-top: 0;
     19
     20        @media screen and ( min-width: 60em ) {
     21            margin-top: ms(4);
     22        }
    2323    }
    2424
     
    2626        @extend .clear;
    2727        border-bottom: 2px solid #eee;
    28         padding-bottom: ms(1);
     28        padding: ms(1) ms(4);
    2929
    3030        .plugin-thumbnail {
     
    6363    }
    6464
     65    .plugin-banner + .plugin-header {
     66        padding-top: 0;
     67    }
     68
     69    .entry-content,
     70    .entry-meta {
     71        padding: 0 ms(4);
     72    }
     73
    6574    .entry-content {
    6675        max-width: 768px;
     
    256265
    257266    @media screen and ( min-width: $ms-breakpoint ) {
     267        .plugin-header,
     268        .entry-content,
     269        .entry-meta {
     270            padding-left: 0;
     271            padding-right: 0;
     272        }
     273
    258274        .entry-meta {
    259275            float: right;
Note: See TracChangeset for help on using the changeset viewer.