Changeset 43216

Timestamp:

05/10/2018 04:01:50 PM (8 years ago)

Author:

azaozz

Message:

Privacy: fix styling on personal data tables.

Props melchoyce, allendav.
Fixes #43909.

Location:

trunk/src/wp-admin

Files:

• css/forms.css (modified) (2 diffs)
• js/xfn.js (modified) (3 diffs)

trunk/src/wp-admin/css/forms.css

@@ -1116 +1116 @@
 }
 
+.privacy_requests tbody .has-request-results th {
+    box-shadow: none;
+}
+
+.privacy_requests tbody .request-results th .notice {
+    margin: 0 0 5px;
+}
+
 .privacy_requests tbody td {
     background: #fff;
     box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
+}
+
+.privacy_requests tbody .has-request-results td {
+    box-shadow: none;
 }
 
@@ -1133 +1145 @@
 }
 
-.privacy_requests .request-results .notice {
-    margin: -2px 0 0;
-}
-
-.privacy_requests .request-results .notice p {
-    margin: 0.5em 0;
-}
-
-.request-results td {
-    padding: 0 0 1px;
+.privacy_requests .export_personal_data_failed a {
+    vertical-align: baseline;
 }
 

trunk/src/wp-admin/js/xfn.js

@@ -32 +32 @@
 
     function clearResultsAfterRow( $requestRow ) {
+        $requestRow.removeClass( 'has-request-results' );
+
         if ( $requestRow.next().hasClass( 'request-results' ) ) {
             $requestRow.next().remove();
@@ -38 +40 @@
 
     function appendResultsAfterRow( $requestRow, classes, summaryMessage, additionalMessages ) {
-        var itemList = '';
+        var itemList = '',
+            resultRowClasses = 'request-results';
 
         clearResultsAfterRow( $requestRow );
@@ -49 +52 @@
         }
 
+        $requestRow.addClass( 'has-request-results' );
+
+        if ( $requestRow.hasClass( 'status-request-confirmed' ) ) {
+            resultRowClasses = resultRowClasses + ' status-request-confirmed';
+        }
+
+        if ( $requestRow.hasClass( 'status-request-failed' ) ) {
+            resultRowClasses = resultRowClasses + ' status-request-failed';
+        }
+
         $requestRow.after( function() {
-            return '<tr class="request-results"><td colspan="5">' +
+            return '<tr class="' + resultRowClasses + '"><th colspan="5">' +
                 '<div class="notice inline notice-alt ' + classes + '">' +
                 '<p>' + summaryMessage + '</p>' +