Fixed responsive design issues for the Contribute drop-down menu and pagination
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 8 Feb 2019 00:52:47 +0000 (00:52 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Fri, 8 Feb 2019 00:52:47 +0000 (00:52 +0000)
https://bugs.webkit.org/show_bug.cgi?id=194393

Reviewed by Devin Rousso.

The short viewport breakpoint styles should apply for small width
windows as well, and pagination styles need to accommodate wrapped
text labels.

* wp-content/themes/webkit/style.css:
(.pagination .page-numbers,):
(@media only screen and (max-height: 415px) and (max-width: 920px)):
(@media only screen and (max-height: 415px)): Deleted.

git-svn-id: https://svn.webkit.org/repository/webkit/trunk@241173 268f45cc-cd09-0410-ab3c-d52691b4dbfc

Websites/webkit.org/ChangeLog
Websites/webkit.org/wp-content/themes/webkit/style.css

index 93467ae..747c2a8 100644 (file)
@@ -1,3 +1,19 @@
+2019-02-07  Jon Davis  <jond@apple.com>
+
+        Fixed responsive design issues for the Contribute drop-down menu and pagination
+        https://bugs.webkit.org/show_bug.cgi?id=194393
+
+        Reviewed by Devin Rousso.
+        
+        The short viewport breakpoint styles should apply for small width
+        windows as well, and pagination styles need to accommodate wrapped 
+        text labels.
+
+        * wp-content/themes/webkit/style.css:
+        (.pagination .page-numbers,):
+        (@media only screen and (max-height: 415px) and (max-width: 920px)):
+        (@media only screen and (max-height: 415px)): Deleted.
+
 2019-02-04  Jon Davis  <jond@apple.com>
 
         Add demos for Intersection Observer API
index 6641e17..704f3d4 100644 (file)
@@ -557,7 +557,7 @@ a.download {
     border-radius: 4px;
     box-shadow: inset hsla(0, 0%, 0%, 0.07) 0 0 0 1px;
     box-shadow: var(--pagination-button-shadow);
-    height: 2rem;
+    min-height: 2rem;
     font-size: 1.7rem;
     line-height: 1.29412;
     font-weight: 400;
@@ -2511,7 +2511,7 @@ header .menu-item { /* add bottom dimension to main menu items */
     }
 }
 
-@media only screen and (max-height: 415px) {
+@media only screen and (max-height: 415px) and (max-width: 920px) {
 
     .home .site-logo {
         opacity: 1;