Set max-height to prevent narrow images from upscaling.
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 1 Dec 2015 06:46:49 +0000 (06:46 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 1 Dec 2015 06:46:49 +0000 (06:46 +0000)
* wp-content/themes/webkit/style.css:
(article figure > img):
(figure.widescreen):
(figure.widescreen figcaption):
(figure.widescreen img): Deleted.

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

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

index 57f3f42..d0d3742 100644 (file)
@@ -1,5 +1,15 @@
 2015-11-30  Jonathan Davis  <jond@apple.com>
 
+        Set max-height to prevent narrow images from upscaling.
+
+        * wp-content/themes/webkit/style.css:
+        (article figure > img):
+        (figure.widescreen):
+        (figure.widescreen figcaption):
+        (figure.widescreen img): Deleted.
+
+2015-11-30  Jonathan Davis  <jond@apple.com>
+
         Added a new theme and plugins for a redesigned webkit.org.
 
         Reviewed by Timothy Hatcher.
index 918d1d2..3e9482e 100644 (file)
@@ -1057,6 +1057,8 @@ article figure {
 article figure > img {
     display: inline-block;
     max-width: 100%;
+    max-height: 540px;
+    height: auto;
 }
 
 figure.widescreen {
@@ -1072,11 +1074,6 @@ figure.widescreen figcaption {
     margin: 0 auto;
 }
 
-figure.widescreen img {
-    max-width: 100%;
-    height: auto;
-}
-
 figure.widescreen figcaption {
     margin-top: 3rem;
 }