Changeset 6566 for sites/trunk/wordpress.org/public_html/wp-content/plugins/trac-notifications/trac-components.php

Timestamp:

02/07/2018 09:17:09 PM (7 years ago)

Author:

obenland

Message:

Trac: Fix table styling on component pages.

Fixes some border styling issues to make trac ticket table look neat again.

File:

• sites/trunk/wordpress.org/public_html/wp-content/plugins/trac-notifications/trac-components.php (modified) (3 diffs)

sites/trunk/wordpress.org/public_html/wp-content/plugins/trac-notifications/trac-components.php

@@ -233 +233 @@
 .trac-summary th, .trac-summary td { padding: 4px 8px; }
 .trac-summary th { font-weight: bold; text-align: right }
+.trac-summary tbody th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; }
+.trac-summary tbody tr:last-child th { border-bottom: none; }
 .trac-summary th.title { font-weight: normal; text-align: left; font-size: 14px }
 .trac-summary th a { font-weight: bold }
 .trac-summary th.title a { color: #000; }
-.trac-summary .count { text-align: right; min-width: 3em }
+.trac-summary .count { text-align: right; border-right: none; width: auto; }
 .trac-summary .zero { color: #ddd }
 #main ul.maintainers, #main ul.followers { list-style: none; padding: 0; margin: 0 }
@@ -244 +246 @@
 ul.ticket-list li { margin-bottom: 4px }
 ul.ticket-list .focus { display: inline-block; border-radius: 3px; background: #eee; padding: 2px 6px; margin-right: 4px }
-.history.growing:before, .history.shrinking:before { font-family: Dashicons; font-size: 30px; vertical-align: top; line-height: 15px; float: right }
+.history.growing:before, .history.shrinking:before { font-family: Dashicons; font-size: 30px; vertical-align: middle; line-height: 15px; }
 .history.growing:before { content: "\f142"; color: red }
 .history.shrinking:before { content: "\f140"; color: green }
@@ -254 +256 @@
 </style>
 <script>
-jQuery( document ).ready( function( $ ) {
-    $( '#toggle-compact-components input' ).on( 'change', function() {
+jQuery( function( $ ) {
+    $( '#toggle-compact-components' ).on( 'change', 'input', function() {
         $( '#main' ).toggleClass( 'compact-components' );
     });