Changeset 11492

Timestamp:

01/31/2022 06:55:38 PM (3 years ago)

Author:

iandunn

Message:

Translate: Stick editor panels to top at all breakpoints.

The global header doesn't start sticking until 890px, so previously there was a gap above the panels.

See #6037

File:

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

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

@@ -2226 +2226 @@
     position: -webkit-sticky;
     position: sticky;
-    top: calc( var(--wp-global-header-height) + var(--wp-admin--admin-bar--height) + 100px );
+    top: 0;
     padding: 20px 0 10px;
     background: #fff;
     text-align: left;
     box-shadow: 0 -1px 0 #72777c, 0 3px 0 #72777c;
+}
+
+/* This is when the admin bar start to stick. */
+@media screen and (min-width: 601px) {
+    .consistency-table tr.new-translation th {
+        top: var(--wp-admin--admin-bar--height);
+    }
+}
+
+/* This is when the global header start to stick. */
+@media screen and (min-width: 890px) {
+    .consistency-table tr.new-translation th {
+        top: calc(var(--wp-global-header-height) + var(--wp-admin--admin-bar--height));
+    }
 }