Changeset 250071 in webkit

Timestamp:

Sep 18, 2019 5:23:20 PM (5 years ago)

Author:

zhifei_fang@apple.com

Message:

[results.webkit.org] fix missing col classes
​https://bugs.webkit.org/show_bug.cgi?id=201949

Reviewed by Jonathan Bedard.

• resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:

(@media screen and (min-width: 768px)):
(.row):
(.col-1):
(.col-2):
(.col-3):
(.col-4):
(.col-5):
(.col-6):
(.col-7):
(.col-8):
(.col-9):
(.col-10):
(.col-11):
(.col-12):
(@media screen and (min-width: 600px)):

Location:

trunk/Tools

Files:

• ChangeLog (modified) (1 diff)
• resultsdbpy/resultsdbpy/view/static/library/css/webkit.css (modified) (4 diffs)

trunk/Tools/ChangeLog

@@ +1 @@
+2019-09-18  Zhifei Fang  <zhifei_fang@apple.com>
+
+        [results.webkit.org] fix missing col classes
+        https://bugs.webkit.org/show_bug.cgi?id=201949
+
+        Reviewed by Jonathan Bedard.
+
+        * resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:
+        (@media screen and (min-width: 768px)):
+        (.row):
+        (.col-1):
+        (.col-2):
+        (.col-3):
+        (.col-4):
+        (.col-5):
+        (.col-6):
+        (.col-7):
+        (.col-8):
+        (.col-9):
+        (.col-10):
+        (.col-11):
+        (.col-12):
+        (@media screen and (min-width: 600px)):
+
 2019-09-18  Ryan Haddad  <ryanhaddad@apple.com>
 

trunk/Tools/resultsdbpy/resultsdbpy/view/static/library/css/webkit.css

@@ -331 +331 @@
   flex-direction: column;
 }
-
+/* size xs */
 [class*="col-"] {
   width: 100%;
@@ -337 +337 @@
 }
 
+/* size s */
 @media screen and (min-width: 600px) {
   .row {
@@ -388 +389 @@
 
   .col-s-12 {
+    width: 100%;
+  }
+}
+
+/* size m */
+@media screen and (min-width: 768px) {
+  .row {
+    display: flex;
+    flex-direction: row;
+  }
+
+  .col-1 {
+    width: 8.33%;
+  }
+
+  .col-2 {
+    width: 16.66%;
+  }
+
+  .col-3 {
+    width: 25%;
+  }
+
+  .col-4 {
+    width: 33.33%;
+  }
+
+  .col-5 {
+    width: 41.66%;
+  }
+
+  .col-6 {
+    width: 50%;
+  }
+
+  .col-7 {
+    width: 58.33%;
+  }
+
+  .col-8 {
+    width: 66.66%;
+  }
+
+  .col-9 {
+    width: 75%;
+  }
+
+  .col-10 {
+    width: 83.33%;
+  }
+
+  .col-11 {
+    width: 91.66%;
+  }
+
+  .col-12 {
     width: 100%;
   }
@@ -2568 +2625 @@
   }
 }
-