Making WordPress.org

Changeset 4775


Ignore:
Timestamp:
01/24/2017 11:35:39 PM (7 years ago)
Author:
mapk
Message:

Plugin Directory: Fixed IE subnav issue.

The subnav across the new wporg design is broken in IE. I fixed this by removing a CSS attribute and replacing it with IE friendly ones for the selector .main-navigation.

See #2366

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

Legend:

Unmodified
Added
Removed
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/components/site-header/main-navigation/style.scss

    r4223 r4775  
    109109    .main-navigation {
    110110        float: right;
    111         position: initial;
    112         width: initial;
     111        position: relative;
     112        width: auto;
     113        top: auto;
    113114
    114115        &.toggled {
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

    r4606 r4775  
    20482048.site-main.single .plugin-rating .rating-count {
    20492049  display: none;
    2050 }
    2051 
    2052 .plugin-rating .rating-count a {
    2053   color: inherit;
    2054   cursor: hand;
    2055   text-decoration: none;
    20562050}
    20572051
     
    21792173}
    21802174
    2181 .plugin-favorite .plugin-favorite-heart:focus {
    2182   outline: thin dotted;
    2183 }
    2184 
    21852175.plugin-favorite .plugin-favorite-heart:hover, .plugin-favorite .plugin-favorite-heart:focus {
    21862176  text-decoration: none;
     
    22332223}
    22342224
    2235 .contributors-list {
    2236   list-style: none;
    2237   margin: 0;
    2238   font-size: 0.9em;
    2239 }
    2240 
    2241 .contributors-list li {
    2242   padding-bottom: 0.5em;
    2243 }
    2244 
    22452225.plugin-developers {
    22462226  list-style-type: none;
     
    22682248}
    22692249
    2270 #faq h2:first-of-type {
     2250.plugin-faqs h2:first-of-type {
    22712251  font-size: 20px;
    22722252  font-size: 1.25rem;
     
    22812261}
    22822262
    2283 #faq dl {
     2263.plugin-faqs dl {
    22842264  border-bottom: 1px solid #eee;
    22852265}
    22862266
    2287 #faq dt {
     2267.plugin-faqs dt {
    22882268  border-top: 1px solid #eee;
    22892269  cursor: pointer;
     
    22952275}
    22962276
    2297 #faq dt:before {
     2277.plugin-faqs dt:before {
    22982278  content: "\f347";
    22992279  float: right;
     
    23032283}
    23042284
    2305 #faq dt.open:before {
     2285.plugin-faqs dt.open:before {
    23062286  content: "\f343";
    23072287}
    23082288
    2309 #faq dd {
     2289.plugin-faqs dd {
    23102290  display: none;
    23112291  margin: 0 0 16px;
     
    23132293}
    23142294
    2315 #faq dd p {
     2295.plugin-faqs dd p {
    23162296  margin: 0;
    23172297}
    23182298
    2319 #faq dd p + p {
     2299.plugin-faqs dd p + p {
    23202300  margin-top: 16px;
    23212301  margin-top: 1rem;
    23222302}
    23232303
    2324 .no-js #faq dd {
     2304.no-js .plugin-faqs dd {
    23252305  display: block;
    23262306}
     
    25082488
    25092489.image-gallery-slide img {
    2510   display: block;
    2511   margin: 0 auto;
     2490  width: 100%;
    25122491}
    25132492
     
    26142593}
    26152594
     2595.plugin-screenshots .image-gallery-thumbnails-container {
     2596  max-height: 100px;
     2597}
     2598
    26162599.plugin-screenshots .image-gallery-thumbnail {
    26172600  vertical-align: top;
    26182601}
    26192602
    2620 .plugin-screenshots .image-gallery-thumbnail img {
    2621   max-height: 100px;
    2622 }
    2623 
    2624 .plugin-screenshots .image-gallery-thumbnails {
    2625   overflow: hidden;
    2626 }
    2627 
    2628 .section.read-more {
     2603.read-more {
    26292604  border-bottom: 2px solid #eee;
    26302605  max-height: 200px;
     
    26332608}
    26342609
    2635 .section.read-more#description {
     2610.read-more#reviews {
     2611  max-height: none;
     2612  overflow: auto;
     2613}
     2614
     2615.read-more:nth-of-type(1) {
    26362616  max-height: 400px;
    26372617}
    26382618
    2639 .section.read-more#description.toggled {
    2640   max-height: none;
    2641 }
    2642 
    2643 .section.read-more.toggled {
    2644   max-height: none;
    2645 }
    2646 
    2647 .section h1, .section h2, .section h3 {
     2619.read-more h1, .read-more h2, .read-more h3 {
    26482620  font-size: 16px;
    26492621  font-size: 1rem;
     
    26542626}
    26552627
    2656 .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) {
    26572629  margin-top: 0;
    26582630}
    26592631
    2660 .section h4, .section h5, .section h6 {
     2632.read-more h4, .read-more h5, .read-more h6 {
    26612633  font-size: 12.8px;
    26622634  font-size: 0.8rem;
     
    26672639}
    26682640
    2669 .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) {
    26702642  margin-top: 0;
    26712643}
    26722644
    2673 .section h2:first-of-type {
     2645.read-more h2:first-of-type {
    26742646  font-size: 20px;
    26752647  font-size: 1.25rem;
     
    26812653}
    26822654
    2683 .section p:first-child {
     2655.read-more p:first-child {
    26842656  margin-top: 0;
     2657}
     2658
     2659.read-more.toggled {
     2660  max-height: none;
     2661}
     2662
     2663#screenshots.read-more {
     2664  border-bottom: none;
    26852665}
    26862666
     
    28202800
    28212801.search-form .button-search {
    2822   border-top: none;
    28232802  border-left: none;
    28242803  -webkit-border-radius: 0 2px 2px 0;
     
    28292808  right: auto;
    28302809  top: auto;
    2831   vertical-align: top;
    28322810}
    28332811
     
    28882866.site-header:not(.home) .search-form .search-field {
    28892867  border: 0;
    2890   -webkit-border-radius: 2px 0 0 2px;
    2891   border-radius: 2px 0 0 2px;
     2868  -webkit-border-radius: 2px;
     2869  border-radius: 2px;
    28922870  display: inline-block;
    28932871  font-size: 16px;
     
    28952873  padding: 5px 10px;
    28962874  position: relative;
    2897   width: auto;
     2875  width: 100%;
    28982876}
    28992877
    29002878@media screen and (min-width: 48em) {
    29012879  .site-header:not(.home) .search-form .search-field {
     2880    -webkit-border-radius: 2px 0 0 2px;
     2881    border-radius: 2px 0 0 2px;
    29022882    font-size: 0.64rem;
    29032883    width: 7rem;
     
    29332913  margin: 32px 0;
    29342914  margin: 2rem 0;
    2935 }
    2936 
    2937 nav .nav-links {
    2938   text-align: center;
    2939 }
    2940 
    2941 nav .nav-links .page-numbers {
    2942   background-color: #f9f9f9;
    2943   min-width: 2em;
    2944   padding: 8px;
    2945   display: inline-block;
    2946   cursor: hand;
    2947 }
    2948 
    2949 nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
    2950   width: auto;
    2951   font-size: 0.9em;
    2952   background: none;
    2953 }
    2954 
    2955 nav .nav-links .page-numbers.dots {
    2956   cursor: inherit;
    2957 }
    2958 
    2959 nav .nav-links span.page-numbers {
    2960   font-weight: bold;
    2961   background-color: #f7f7f7;
    29622915}
    29632916
     
    30643017  .main-navigation {
    30653018    float: right;
    3066     position: initial;
    3067     width: initial;
     3019    position: relative;
     3020    width: auto;
     3021    top: auto;
    30683022  }
    30693023  .main-navigation.toggled {
     
    33613315}
    33623316
    3363 .entry-meta .widget-title {
    3364   font-size: 20px;
    3365   font-size: 1.25rem;
    3366   border: none;
    3367   color: #32373c;
    3368   font-weight: 600;
    3369   padding: 0;
    3370 }
    3371 
    33723317.plugin-support {
    33733318  font-size: 12.8px;
     
    34143359  }
    34153360}
     3361/*# sourceMappingURL=style.css.map */
Note: See TracChangeset for help on using the changeset viewer.