Changeset 1926

Timestamp:

09/30/2015 05:41:52 PM (9 years ago)

Author:

samuelsidler

Message:

Translate Stats: Update some styles and add responsive styles.

Props ramiy.
See #1238.

File:

• sites/trunk/translate.wordpress.org/public_html/gp-templates/style.css (modified) (3 diffs)

sites/trunk/translate.wordpress.org/public_html/gp-templates/style.css

@@ -862 +862 @@
         margin-top: 20px;
     }
+    .stats-table table thead th {
+        display: none;
+    }
+    .stats-table table tbody th,
+    .stats-table table tbody tr,
+    .stats-table table tbody td {
+        display: block;
+        text-align: left;
+    }
+    .stats-table table tbody tr {
+        margin-top: 20px;
+    }
+    .stats-table table tbody td {
+        padding: 3px 10px;
+        position: relative;
+        padding-left: 50%;
+    }
+    .stats-table table tbody td:before {
+        position: absolute;
+        top: 0;
+        left: 10px;
+        width: 45%;
+    }
+
+    .stats-table table tbody td:nth-of-type(1):before { content: "4.2.x"; }
+    .stats-table table tbody td:nth-of-type(2):before { content: "4.3.x"; }
+    .stats-table table tbody td:nth-of-type(3):before { content: "Rosetta"; }
+    .stats-table table tbody td:nth-of-type(4):before { content: "Browse Happy"; }
+    .stats-table table tbody td:nth-of-type(5):before { content: "Theme Dir"; }
+    .stats-table table tbody td:nth-of-type(6):before { content: "Plugin Dir"; }
+    .stats-table table tbody td:nth-of-type(7):before { content: "Forums"; }
+    .stats-table table tbody td:nth-of-type(8):before { content: "Android"; }
+    .stats-table table tbody td:nth-of-type(9):before { content: "iOS"; }
+    .stats-table table tbody td:nth-of-type(10):before { content: "Waiting"; }
 }
 
@@ -877 +911 @@
 
 .stats-table table thead {
-    border-bottom: 1px solid #72777C;
     color: #32373C;
     background: white;
@@ -883 +916 @@
 .stats-table table thead th {
     margin: 0;
+    margin-right: 0px;
     font-weight: bold;
     text-align: center;
     vertical-align: bottom;
-    width: 60px;
+    width: 79px;
     padding: 10px 3px;
     font-size: .8em;
     line-height: 1.2;
+    border-right: 1px solid #72777C;
+    border-bottom: 1px solid #72777C;
+}
+
+.stats-table table thead th:last-child {
+    border-right: none;
 }
 
 .stats-table table th.title {
-    width: 120px;
+    width: 140px!important;
 }