Title: [241173] trunk/Websites/webkit.org
Revision
241173
Author
[email protected]
Date
2019-02-07 16:52:47 -0800 (Thu, 07 Feb 2019)

Log Message

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.

Modified Paths

Diff

Modified: trunk/Websites/webkit.org/ChangeLog (241172 => 241173)


--- trunk/Websites/webkit.org/ChangeLog	2019-02-08 00:49:42 UTC (rev 241172)
+++ trunk/Websites/webkit.org/ChangeLog	2019-02-08 00:52:47 UTC (rev 241173)
@@ -1,3 +1,19 @@
+2019-02-07  Jon Davis  <[email protected]>
+
+        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  <[email protected]>
 
         Add demos for Intersection Observer API

Modified: trunk/Websites/webkit.org/wp-content/themes/webkit/style.css (241172 => 241173)


--- trunk/Websites/webkit.org/wp-content/themes/webkit/style.css	2019-02-08 00:49:42 UTC (rev 241172)
+++ trunk/Websites/webkit.org/wp-content/themes/webkit/style.css	2019-02-08 00:52:47 UTC (rev 241173)
@@ -557,7 +557,7 @@
     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 @@
     }
 }
 
-@media only screen and (max-height: 415px) {
+@media only screen and (max-height: 415px) and (max-width: 920px) {
 
     .home .site-logo {
         opacity: 1;
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to