Changeset 4775

Timestamp:

01/24/2017 11:35:39 PM (9 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:

• client/components/site-header/main-navigation/style.scss (modified) (1 diff)
• css/style.css (modified) (22 diffs)

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

@@ -109 +109 @@
     .main-navigation {
         float: right;
-        position: initial;
-        width: initial;
+        position: relative;
+        width: auto;
+        top: auto;
 
         &.toggled {

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css

@@ -2048 +2048 @@
 .site-main.single .plugin-rating .rating-count {
   display: none;
-}
-
-.plugin-rating .rating-count a {
-  color: inherit;
-  cursor: hand;
-  text-decoration: none;
 }
 
@@ -2179 +2173 @@
 }
 
-.plugin-favorite .plugin-favorite-heart:focus {
-  outline: thin dotted;
-}
-
 .plugin-favorite .plugin-favorite-heart:hover, .plugin-favorite .plugin-favorite-heart:focus {
   text-decoration: none;
@@ -2233 +2223 @@
 }
 
-.contributors-list {
-  list-style: none;
-  margin: 0;
-  font-size: 0.9em;
-}
-
-.contributors-list li {
-  padding-bottom: 0.5em;
-}
-
 .plugin-developers {
   list-style-type: none;
@@ -2268 +2248 @@
 }
 
-#faq h2:first-of-type {
+.plugin-faqs h2:first-of-type {
   font-size: 20px;
   font-size: 1.25rem;
@@ -2281 +2261 @@
 }
 
-#faq dl {
+.plugin-faqs dl {
   border-bottom: 1px solid #eee;
 }
 
-#faq dt {
+.plugin-faqs dt {
   border-top: 1px solid #eee;
   cursor: pointer;
@@ -2295 +2275 @@
 }
 
-#faq dt:before {
+.plugin-faqs dt:before {
   content: "\f347";
   float: right;
@@ -2303 +2283 @@
 }
 
-#faq dt.open:before {
+.plugin-faqs dt.open:before {
   content: "\f343";
 }
 
-#faq dd {
+.plugin-faqs dd {
   display: none;
   margin: 0 0 16px;
@@ -2313 +2293 @@
 }
 
-#faq dd p {
+.plugin-faqs dd p {
   margin: 0;
 }
 
-#faq dd p + p {
+.plugin-faqs dd p + p {
   margin-top: 16px;
   margin-top: 1rem;
 }
 
-.no-js #faq dd {
+.no-js .plugin-faqs dd {
   display: block;
 }
@@ -2508 +2488 @@
 
 .image-gallery-slide img {
-  display: block;
-  margin: 0 auto;
+  width: 100%;
 }
 
@@ -2614 +2593 @@
 }
 
+.plugin-screenshots .image-gallery-thumbnails-container {
+  max-height: 100px;
+}
+
 .plugin-screenshots .image-gallery-thumbnail {
   vertical-align: top;
 }
 
-.plugin-screenshots .image-gallery-thumbnail img {
-  max-height: 100px;
-}
-
-.plugin-screenshots .image-gallery-thumbnails {
-  overflow: hidden;
-}
-
-.section.read-more {
+.read-more {
   border-bottom: 2px solid #eee;
   max-height: 200px;
@@ -2633 +2608 @@
 }
 
-.section.read-more#description {
+.read-more#reviews {
+  max-height: none;
+  overflow: auto;
+}
+
+.read-more:nth-of-type(1) {
   max-height: 400px;
 }
 
-.section.read-more#description.toggled {
-  max-height: none;
-}
-
-.section.read-more.toggled {
-  max-height: none;
-}
-
-.section h1, .section h2, .section h3 {
+.read-more h1, .read-more h2, .read-more h3 {
   font-size: 16px;
   font-size: 1rem;
@@ -2654 +2626 @@
 }
 
-.section h1:nth-child(2), .section h2:nth-child(2), .section h3:nth-child(2) {
+.read-more h1:nth-child(2), .read-more h2:nth-child(2), .read-more h3:nth-child(2) {
   margin-top: 0;
 }
 
-.section h4, .section h5, .section h6 {
+.read-more h4, .read-more h5, .read-more h6 {
   font-size: 12.8px;
   font-size: 0.8rem;
@@ -2667 +2639 @@
 }
 
-.section h4:nth-child(2), .section h5:nth-child(2), .section h6:nth-child(2) {
+.read-more h4:nth-child(2), .read-more h5:nth-child(2), .read-more h6:nth-child(2) {
   margin-top: 0;
 }
 
-.section h2:first-of-type {
+.read-more h2:first-of-type {
   font-size: 20px;
   font-size: 1.25rem;
@@ -2681 +2653 @@
 }
 
-.section p:first-child {
+.read-more p:first-child {
   margin-top: 0;
+}
+
+.read-more.toggled {
+  max-height: none;
+}
+
+#screenshots.read-more {
+  border-bottom: none;
 }
 
@@ -2820 +2800 @@
 
 .search-form .button-search {
-  border-top: none;
   border-left: none;
   -webkit-border-radius: 0 2px 2px 0;
@@ -2829 +2808 @@
   right: auto;
   top: auto;
-  vertical-align: top;
 }
 
@@ -2888 +2866 @@
 .site-header:not(.home) .search-form .search-field {
   border: 0;
-  -webkit-border-radius: 2px 0 0 2px;
-  border-radius: 2px 0 0 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
   display: inline-block;
   font-size: 16px;
@@ -2895 +2873 @@
   padding: 5px 10px;
   position: relative;
-  width: auto;
+  width: 100%;
 }
 
 @media screen and (min-width: 48em) {
   .site-header:not(.home) .search-form .search-field {
+    -webkit-border-radius: 2px 0 0 2px;
+    border-radius: 2px 0 0 2px;
     font-size: 0.64rem;
     width: 7rem;
@@ -2933 +2913 @@
   margin: 32px 0;
   margin: 2rem 0;
-}
-
-nav .nav-links {
-  text-align: center;
-}
-
-nav .nav-links .page-numbers {
-  background-color: #f9f9f9;
-  min-width: 2em;
-  padding: 8px;
-  display: inline-block;
-  cursor: hand;
-}
-
-nav .nav-links .page-numbers.next, nav .nav-links .page-numbers.prev, nav .nav-links .page-numbers.dots {
-  width: auto;
-  font-size: 0.9em;
-  background: none;
-}
-
-nav .nav-links .page-numbers.dots {
-  cursor: inherit;
-}
-
-nav .nav-links span.page-numbers {
-  font-weight: bold;
-  background-color: #f7f7f7;
 }
 
@@ -3064 +3017 @@
   .main-navigation {
     float: right;
-    position: initial;
-    width: initial;
+    position: relative;
+    width: auto;
+    top: auto;
   }
   .main-navigation.toggled {
@@ -3361 +3315 @@
 }
 
-.entry-meta .widget-title {
-  font-size: 20px;
-  font-size: 1.25rem;
-  border: none;
-  color: #32373c;
-  font-weight: 600;
-  padding: 0;
-}
-
 .plugin-support {
   font-size: 12.8px;
@@ -3414 +3359 @@
   }
 }
+/*# sourceMappingURL=style.css.map */