Changeset 34094

Timestamp:

09/13/2015 12:46:03 PM (11 years ago)

Author:

helen

Message:

Comments: Fix inline edit/reply on small screens.

props ocean90, SergeyBiryukov.
fixes #33596.

Location:

trunk/src/wp-admin

Files:

• css/list-tables.css (modified) (2 diffs)
• includes/template.php (modified) (1 diff)
• js/edit-comments.js (modified) (1 diff)

trunk/src/wp-admin/css/list-tables.css

@@ -1826 +1826 @@
         }
 
-        #comments-form .fixed .column-author {
+        #comments-form .fixed .column-author,
+        #commentsdiv .fixed .column-author {
                 display: none !important;
         }
@@ -1981 +1982 @@
         }
 
+        #edithead .inside,
+        #commentsdiv #edithead .inside {
+                float: none;
+                text-align: left;
+                padding: 3px 5px;
+        }
+
+        #commentsdiv #edithead .inside input,
+        #edithead .inside input {
+                width: 100%;
+        }
+
+        #edithead label {
+                display: block;
+        }
+
         #bulk-titles div {
                 margin: 0.8em 0.3em;

trunk/src/wp-admin/includes/template.php

@@ -491 +491 @@
 <form method="get">
 <?php if ( $table_row ) : ?>
-<table style="display:none;"><tbody id="com-reply"><tr id="replyrow" style="display:none;"><td colspan="<?php echo $wp_list_table->get_column_count(); ?>" class="colspanchange">
+<table style="display:none;"><tbody id="com-reply"><tr id="replyrow" class="inline-edit-row" style="display:none;"><td colspan="<?php echo $wp_list_table->get_column_count(); ?>" class="colspanchange">
 <?php else : ?>
 <div id="com-reply" style="display:none;"><div id="replyrow" style="display:none;">

trunk/src/wp-admin/js/edit-comments.js

@@ -634 +634 @@
                 act = 'edit' == action ? 'edit' : 'replyto';
                 act = t.act = act + '-comment';
+
+                $( 'td', editRow ).attr( 'colspan', $( 'th:visible, td:visible', c ).length );
 
                 $('#action', editRow).val(act);