Adjust margins for first-line floating elements and add preset floating video sizing
authorjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 19 Jul 2016 17:23:59 +0000 (17:23 +0000)
committerjond@apple.com <jond@apple.com@268f45cc-cd09-0410-ab3c-d52691b4dbfc>
Tue, 19 Jul 2016 17:23:59 +0000 (17:23 +0000)
https://bugs.webkit.org/show_bug.cgi?id=159898

Reviewed by Benjamin Poulain.

* wp-content/themes/webkit/style.css:
(article video.alignright):
(article .alignright:first-child):
(@media only screen and (max-width: 690px)):
    (article .alignright:first-child):
(@media only screen and (max-width: 415px)):
    (article video.alignright):
    (article .alignright:first-child):

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

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

index d605d1c..83d54c5 100644 (file)
@@ -1,3 +1,19 @@
+2016-07-19  Jon Davis  <jond@apple.com>
+
+        Adjust margins for first-line floating elements and add preset floating video sizing
+        https://bugs.webkit.org/show_bug.cgi?id=159898
+
+        Reviewed by Benjamin Poulain.
+
+        * wp-content/themes/webkit/style.css:
+        (article video.alignright):
+        (article .alignright:first-child):
+        (@media only screen and (max-width: 690px)):
+            (article .alignright:first-child):
+        (@media only screen and (max-width: 415px)):
+            (article video.alignright):
+            (article .alignright:first-child):
+
 2016-07-17  Filip Pizlo  <fpizlo@apple.com>
 
         Implement table-based switches in B3/Air
index 418adce..e33a2b1 100644 (file)
@@ -1188,6 +1188,17 @@ figure.widescreen video {
     max-width: 66%;
 }
 
+article video.alignleft,
+article video.alignright {
+    max-width: 50%;
+}
+
+article .alignleft:first-child,
+article .alignright:first-child {
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
+}
+
 article figcaption {
     text-align: left;
     margin-top: 1.5rem;
@@ -1988,6 +1999,11 @@ header .menu-item { /* add bottom dimension to main menu items */
         border-right: none;
     }
 
+    article video.alignleft,
+    article video.alignright {
+        min-width: 30rem;
+    }
+
     .scrollable .scrollable-padding {
         display: inline-block;
         padding: 0 3rem;
@@ -2093,6 +2109,19 @@ header .menu-item { /* add bottom dimension to main menu items */
     #post-4132 pre:nth-child(-n+8) {
         width: 100vw;
     }
+
+    article video.alignleft,
+    article video.alignright {
+        max-width: 100%;
+        min-width: none;
+        width: 100%;
+    }
+
+    article .alignleft:first-child,
+    article .alignright:first-child {
+        margin-bottom: 3rem;
+    }
+
 }
 
 @media only screen and (max-width: 415px) {