Changeset 11468

Timestamp:

01/25/2022 01:42:55 AM (3 years ago)

Author:

iandunn

Message:

Translate: Fix various style conflicts with global header.

Props vladytimy
See #6037

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css (modified) (7 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/wporg-gp-customizations/templates/style.css

@@ +1 @@
+:root {
+    /* It doesn't stick on mobile. That may changee soon though, see https://github.com/WordPress/wporg-news-2021/issues/181. */
+    --global-header-height: 0;
+}
+
+@media screen and (min-width: 890px) {
+    :root {
+        --global-header-height: 103px;
+    }
+}
+
 body, html {
     height: 100%;
@@ -11 +22 @@
 }
 
+.gp-content * {
+    box-sizing: content-box;
+}
+
+.gp-content table tbody tr:nth-child(2n) {
+    background-color: unset; /* Override wporg-main. */
+}
+
 .gp-content textarea {
     max-width: 100%;
+}
+
+.gp-content summary {
+    display: list-item;
 }
 
@@ -1510 +1533 @@
         margin-top: 20px;
     }
+
     .stats-table table tbody td {
         padding: 3px 10px;
@@ -1537 +1561 @@
     color: #32373C;
     background: white;
+}
+.stats-table table td, table th {
+    text-align: unset; /* Override wporg-main. */
 }
 .stats-table table thead th {
@@ -2190 +2217 @@
     position: -webkit-sticky;
     position: sticky;
-    top: 0;
+    top: calc( var(--global-header-height) + var(--wp-admin--admin-bar--height) + 100px );
     padding: 20px 0 10px;
     background: #fff;
     text-align: left;
     box-shadow: 0 -1px 0 #72777c, 0 3px 0 #72777c;
-}
-
-@media screen and (min-width: 600px) {
-    .consistency-table tr.new-translation th {
-        top: 46px;
-    }
-}
-
-@media screen and (min-width: 783px) {
-    .consistency-table tr.new-translation th {
-        top: 32px;
-    }
 }
 
@@ -2318 +2333 @@
 
 table.translations th.checkbox {
-    width: 1em;
+    width: 16px;
     text-align: center;
+}
+@media screen and (max-width: 782px) {
+    table.translations th.checkbox {
+        width: 24px;
+    }
 }
 
@@ -2359 +2379 @@
     font-size: 16px;
     resize: vertical;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
 }