Changeset 11468

Timestamp:

01/25/2022 01:42:55 AM (5 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;
 }