WordPress.org

Making WordPress.org

Changeset 4437


Ignore:
Timestamp:
11/28/2016 03:20:59 AM (5 years ago)
Author:
mapk
Message:

Plugin Directory Theme: Updating plugin card styles & adding a feedback survey link.

See #2183, #2267

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

Legend:

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

    r4393 r4437  
    22    background-color: #f9f9f9;
    33    margin-bottom: 4%;
    4     padding: 8px 8px 0 8px;
     4    padding: 15px 15px 8px;
    55    vertical-align: top;
    66
     
    3939
    4040        p {
    41             margin: 0 0 8px;
     41            margin: 0;
    4242        }
    4343    }
     
    4545    hr {
    4646        background-color: #fff;
    47         margin: auto;
     47        margin: 15px -15px 8px;
    4848    }
    4949
     
    6060                font-size: 1rem;
    6161                margin-right: 0.4rem;
     62            }
     63
     64            &.last-updated {
     65                display: none;
     66            }
     67            &.plugin-author {
     68                width: 100%;
    6269            }
    6370
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/typography/_copy.scss

    r4223 r4437  
    6868    font-size: 125%;
    6969}
     70
     71
     72// Feedback survey link for acquiring participant's feedback.
     73
     74.feedback-survey {
     75    background: #fff;
     76    border-radius: 3px 0 0 3px;
     77    box-shadow: 0 0 8px rgba(0,0,0,.2);
     78    display: block;
     79    font-size: 0.8rem;
     80    padding: 5px 10px;
     81    position: fixed;
     82    right: 0;
     83    top: 200px;
     84    width: 40px;
     85    z-index: 100;
     86
     87    .survey-msg {
     88        display: none;
     89    }
     90
     91    &:hover {
     92        width: auto;
     93
     94        .survey-msg {
     95            display: inline-block;
     96        }
     97    }
     98
     99    a:hover {
     100        text-decoration: none;
     101    }
     102
     103    .dashicons-megaphone {
     104        margin: 2px 10px 0 0;
     105    }
     106}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r4425 r4437  
    378378big {
    379379  font-size: 125%;
     380}
     381
     382.feedback-survey {
     383  background: #fff;
     384  -webkit-border-radius: 3px 0 0 3px;
     385  border-radius: 3px 0 0 3px;
     386  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
     387  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
     388  display: block;
     389  font-size: 12.8px;
     390  font-size: 0.8rem;
     391  padding: 5px 10px;
     392  position: fixed;
     393  right: 0;
     394  top: 200px;
     395  width: 40px;
     396  z-index: 100;
     397}
     398
     399.feedback-survey .survey-msg {
     400  display: none;
     401}
     402
     403.feedback-survey:hover {
     404  width: auto;
     405}
     406
     407.feedback-survey:hover .survey-msg {
     408  display: inline-block;
     409}
     410
     411.feedback-survey a:hover {
     412  text-decoration: none;
     413}
     414
     415.feedback-survey .dashicons-megaphone {
     416  margin: 2px 10px 0 0;
    380417}
    381418
     
    18521889  background-color: #f9f9f9;
    18531890  margin-bottom: 4%;
    1854   padding: 8px 8px 0 8px;
     1891  padding: 15px 15px 8px;
    18551892  vertical-align: top;
    18561893}
     
    18971934
    18981935.plugin-card .entry-excerpt p {
    1899   margin: 0 0 8px;
     1936  margin: 0;
    19001937}
    19011938
    19021939.plugin-card hr {
    19031940  background-color: #fff;
    1904   margin: auto;
     1941  margin: 15px -15px 8px;
    19051942}
    19061943
     
    19221959}
    19231960
     1961.plugin-card footer span.last-updated {
     1962  display: none;
     1963}
     1964
     1965.plugin-card footer span.plugin-author {
     1966  width: 100%;
     1967}
     1968
    19241969.plugin-card footer .dashicons {
    19251970  margin: 0 2px -16px;
     
    20032048.site-main.single .plugin-rating .rating-count {
    20042049  display: none;
    2005 }
    2006 
    2007 .plugin-rating .rating-count a {
    2008   color: inherit;
    2009   cursor: hand;
    2010   text-decoration: none;
    20112050}
    20122051
     
    22092248}
    22102249
    2211 #faq h2:first-of-type {
     2250.plugin-faqs h2:first-of-type {
    22122251  font-size: 20px;
    22132252  font-size: 1.25rem;
     
    22222261}
    22232262
    2224 #faq dl {
     2263.plugin-faqs dl {
    22252264  border-bottom: 1px solid #eee;
    22262265}
    22272266
    2228 #faq dt {
     2267.plugin-faqs dt {
    22292268  border-top: 1px solid #eee;
    22302269  cursor: pointer;
     
    22362275}
    22372276
    2238 #faq dt:before {
     2277.plugin-faqs dt:before {
    22392278  content: "\f347";
    22402279  float: right;
     
    22442283}
    22452284
    2246 #faq dt.open:before {
     2285.plugin-faqs dt.open:before {
    22472286  content: "\f343";
    22482287}
    22492288
    2250 #faq dd {
     2289.plugin-faqs dd {
    22512290  display: none;
    22522291  margin: 0 0 16px;
     
    22542293}
    22552294
    2256 #faq dd p {
     2295.plugin-faqs dd p {
    22572296  margin: 0;
    22582297}
    22592298
    2260 #faq dd p + p {
     2299.plugin-faqs dd p + p {
    22612300  margin-top: 16px;
    22622301  margin-top: 1rem;
    22632302}
    22642303
    2265 .no-js #faq dd {
     2304.no-js .plugin-faqs dd {
    22662305  display: block;
    22672306}
     
    25622601}
    25632602
    2564 .section.read-more {
     2603.read-more {
    25652604  border-bottom: 2px solid #eee;
    25662605  max-height: 200px;
     
    25692608}
    25702609
    2571 .section.read-more#description {
     2610.read-more#reviews {
     2611  max-height: none;
     2612  overflow: auto;
     2613}
     2614
     2615.read-more:nth-of-type(1) {
    25722616  max-height: 400px;
    25732617}
    25742618
    2575 .section.read-more#description.toggled {
    2576   max-height: none;
    2577 }
    2578 
    2579 .section.read-more.toggled {
    2580   max-height: none;
    2581 }
    2582 
    2583 .section h1, .section h2, .section h3 {
     2619.read-more h1, .read-more h2, .read-more h3 {
    25842620  font-size: 16px;
    25852621  font-size: 1rem;
     
    25902626}
    25912627
    2592 .section h1:nth-child(2), .section h2:nth-child(2), .section h3:nth-child(2) {
     2628.read-more h1:nth-child(2), .read-more h2:nth-child(2), .read-more h3:nth-child(2) {
    25932629  margin-top: 0;
    25942630}
    25952631
    2596 .section h4, .section h5, .section h6 {
     2632.read-more h4, .read-more h5, .read-more h6 {
    25972633  font-size: 12.8px;
    25982634  font-size: 0.8rem;
     
    26032639}
    26042640
    2605 .section h4:nth-child(2), .section h5:nth-child(2), .section h6:nth-child(2) {
     2641.read-more h4:nth-child(2), .read-more h5:nth-child(2), .read-more h6:nth-child(2) {
    26062642  margin-top: 0;
    26072643}
    26082644
    2609 .section h2:first-of-type {
     2645.read-more h2:first-of-type {
    26102646  font-size: 20px;
    26112647  font-size: 1.25rem;
     
    26172653}
    26182654
    2619 .section p:first-child {
     2655.read-more p:first-child {
    26202656  margin-top: 0;
     2657}
     2658
     2659.read-more.toggled {
     2660  max-height: none;
     2661}
     2662
     2663#screenshots.read-more {
     2664  border-bottom: none;
    26212665}
    26222666
     
    28712915}
    28722916
    2873 nav .nav-links {
    2874   text-align: center;
    2875 }
    2876 
    2877 nav .nav-links .page-numbers {
    2878   background-color: #f9f9f9;
    2879   min-width: 2em;
    2880   padding: 8px;
    2881   display: inline-block;
    2882   cursor: hand;
    2883 }
    2884 
    2885 nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
    2886   width: auto;
    2887   font-size: 0.9em;
    2888   background: none;
    2889 }
    2890 
    2891 nav .nav-links .page-numbers.dots {
    2892   cursor: inherit;
    2893 }
    2894 
    2895 nav .nav-links span.page-numbers {
    2896   font-weight: bold;
    2897   background-color: #f7f7f7;
    2898 }
    2899 
    29002917.main-navigation {
    29012918  background: #0073aa;
     
    33413358  }
    33423359}
     3360/*# sourceMappingURL=style.css.map */
Note: See TracChangeset for help on using the changeset viewer.