Ticket #1481: i18n-teams-responsive.2.patch

trunk/wordpress.org/public_html/wp-content/plugins/wp-i18n-teams/css/i18n-teams.css

@@ -191 +191 @@
         border-width: 1px 0 0 1px;
         padding: 6px 15px;
 }
+
+@media (max-width: 768px) {
+
+        .show-all tbody tr,
+        .translators-info.show-latest tbody tr.latest,
+        .translators-info.show-minor-behind tbody tr.minor-behind,
+        .translators-info.show-major-behind-one tbody tr.major-behind-one,
+        .translators-info.show-major-behind-many tbody tr.major-behind-many,
+        .translators-info.show-no-releases tbody tr.no-releases,
+        .translators-info.show-no-site tbody tr.no-site,
+        .translators-info.show-translated-100 tbody tr.translated-100,
+        .translators-info.show-translated-95 tbody tr.translated-95,
+        .translators-info.show-translated-90 tbody tr.translated-90,
+        .translators-info.show-translated-50-less tbody tr.translated-50-less,
+        .translators-info.show-translated-50 tbody tr.translated-50 {
+                display: block;
+        }
+
+        .translators-info table thead th {
+                display: none;
+        }
+
+        .translators-info table {
+                border: none !important;
+        }
+
+        .translators-info table td {
+                border-width: 0px 0px 1px 0px !important;
+        }
+
+        .translators-info table tr {
+                border: 1px solid #ccc !important;
+        }
+
+        .translators-info table tbody th,
+        .translators-info table tbody td {
+                display: block;
+                text-align: left;
+        }
+
+        .translators-info table tbody tr {
+                margin-top: 20px;
+        }
+        
+        .translators-info table tbody td {
+                padding: 3px 10px;
+                position: relative;
+                padding-left: 40%;
+        }
+        
+        .translators-info table tbody td:before {
+                position: absolute;
+                left: 10px;
+                width: 50%;
+        }
+        
+        .translators-info table tbody td:nth-of-type(1) { 
+                display: inline-block;
+                padding-left: 40%;
+                padding-right: 5px;
+                width: 30%;
+                border-bottom: none !important;
+        }
+
+        .translators-info table tbody td:nth-of-type(2) { 
+                display: inline-block;
+                padding-left: 0px;
+                width: 23%;
+                border-bottom: none !important;
+        }
+
+        .translators-info table tbody td:nth-of-type(3) { 
+                border-top: 1px solid #ccc !important; 
+        }
+
+        .translators-info table tbody td:nth-of-type(5) { 
+                display: inline-block;
+                padding-left: 40%;
+                width: 30%;
+                border-bottom: none !important;
+        }
+
+        .translators-info table tbody td:nth-of-type(6) { 
+                display: inline-block;
+                padding-left: 0px;
+                width: 23%;
+                border-bottom: none !important;
+        }
+
+        .translators-info table tbody td:nth-of-type(7) { 
+                border-top: 1px solid #ccc !important;
+                border-bottom: none !important;
+                padding-right: none;
+        }                       
+
+        .translators-info table tbody td:nth-of-type(1):before { content: "Locale"; }
+        .translators-info table tbody td:nth-of-type(3):before { content: "WP Locale"; }
+        .translators-info table tbody td:nth-of-type(4):before { content: "Version"; }
+        .translators-info table tbody td:nth-of-type(5):before { content: "GlotPress"; }
+}