Changeset 11614

Timestamp:

02/25/2022 06:41:30 AM (3 years ago)

Author:

dd32

Message:

Trac: Don't apply the mobile table styles to tables in oEmbed embeds.

See ​https://make.wordpress.org/meta/2022/02/24/meta-trac-ticket-focus-feb-24/
See #4917.

Location:

sites/trunk

Files:

• api.wordpress.org/public_html/dotorg/trac/oembed/index.php (modified) (3 diffs)
• trac.wordpress.org/templates/site.html (modified) (1 diff)
• wordpress.org/public_html/style/trac/wp-trac.css (modified) (2 diffs)

sites/trunk/api.wordpress.org/public_html/dotorg/trac/oembed/index.php

@@ -173 +173 @@
         $remove_tags[] = 'h1';
         $remove_tags[] = 'h2';
+        $remove_tags[] = 'div.paging';
         break;
 }
@@ -258 +259 @@
     function send() {
         window.parent.postMessage( {
-            height: Math.max( document.getElementsByTagName('html')[0].offsetHeight, document.documentElement.clientHeight ),
+            height: Math.max( document.getElementsByTagName('html')[0].offsetHeight, document.documentElement.offsetHeight ),
             el: id
         }, '*' );
@@ -279 +280 @@
 $doc->getElementsByTagName( 'head' )[0]->appendChild( $doc->createElement( 'style', $css ) );
 
+// Finally add a CSS class to target.
+$body = $doc->getElementsByTagName( 'body' )[0];
+$body->setAttribute( 'class', $body->getAttribute( 'class' ) . ' is-oembed' );
+
 $data = $doc->saveHTML();
 

sites/trunk/trac.wordpress.org/templates/site.html

@@ -5 +5 @@
 
 <?python
-    scripts_version = '167'
+    scripts_version = '168'
     project_slug = req.environ['HTTP_HOST'].split(':')[0].split('.')[0]
     wporg_endpoint = 'https://make.wordpress.org/' + project_slug + '/'

sites/trunk/wordpress.org/public_html/style/trac/wp-trac.css

@@ -2094 +2094 @@
         padding-left: 22px;
     }
-    .listing.tickets th,
-    .listing.tickets td {
+    body:not(.is-oembed) .listing.tickets th,
+    body:not(.is-oembed) .listing.tickets td {
         display: block;
     }
-    .listing.tickets thead th,
-    .listing.tickets tbody .trac-columns th {
+    body:not(.is-oembed) .listing.tickets thead th,
+    body:not(.is-oembed) .listing.tickets tbody .trac-columns th {
         display: inline-block;
     }
-    .listing.tickets tbody tr td.id::before,
-    .listing.tickets tbody tr td.ticket::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.id::before,
+    body:not(.is-oembed) .listing.tickets tbody tr td.ticket::before {
         content: "Ticket: ";
     }
-    .listing.tickets tbody tr td.summary::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.summary::before {
         content: "Summary: ";
     }
-    .listing.tickets tbody tr td.status::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.status::before {
         content: "Status: ";
     }
-    .listing.tickets tbody tr td.resolution::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.resolution::before {
         content: "Resolution: ";
     }
-    .listing.tickets tbody tr td.owner::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.owner::before {
         content: "Owner: ";
     }
-    .listing.tickets tbody tr td.type::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.type::before {
         content: "Type: ";
     }
-    .listing.tickets tbody tr td.priority::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.priority::before {
         content: "Priority: ";
     }
-    .listing.tickets tbody tr td.milestone::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.milestone::before {
         content: "Milestone: ";
     }
-    .listing.tickets tbody tr td.component::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.component::before {
         content: "Component: ";
     }
-    .listing.tickets tbody tr td.severity::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.severity::before {
         content: "Severity: ";
     }
-    .listing.tickets tbody tr td.workflow::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.workflow::before {
         content: "Workflow: ";
     }
-    .listing.tickets tbody tr td.date::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.date::before {
         content: "Date: ";
     }
-    .listing.tickets tbody tr td.time::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.time::before {
         content: "Created: ";
     }
-    .listing.tickets tbody tr td.changetime::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.changetime::before {
         content: "Modified: ";
     }
-    .listing.tickets tbody tr td.version::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.version::before {
         content: "Version: ";
     }
-    .listing.tickets tbody tr td.reporter::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.reporter::before {
         content: "Reporter: ";
     }
-    .listing.tickets tbody tr td.Comments::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.Comments::before {
         content: "Comments: ";
     }
-    .listing.tickets tbody tr td.Stars::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.Stars::before {
         content: "Stars: ";
     }
-    .listing.tickets tbody tr td.keywords::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.keywords::before {
         content: "Keywords: ";
     }
-    .listing.tickets tbody tr td.focuses::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.focuses::before {
         content: "Focuses: ";
     }
-    .listing.tickets tbody tr td.cc::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td.cc::before {
         content: "CC: ";
     }
-    .listing.tickets tbody tr td:not(.Comments, .Stars)::before {
+    body:not(.is-oembed) .listing.tickets tbody tr td:not(.Comments, .Stars)::before {
         font-weight: 600;
     }
-    .listing.tickets tbody tr td.Stars,
-    .listing.tickets tbody tr td.Comments {
+    body:not(.is-oembed) .listing.tickets tbody tr td.Stars,
+    body:not(.is-oembed) .listing.tickets tbody tr td.Comments {
         display: inline-block;
         float: right;
@@ -2480 +2480 @@
     }
 }
+
+/* Trac oEmbed rules */
+body.is-oembed table.listing {
+    display: block;
+    overflow-x: auto;
+}
+body.is-oembed table.listing .summary {
+    min-width: 40vw;
+}