WordPress.org

Make WordPress Core

Ticket #43909: 43909.2.diff

File 43909.2.diff, 1.9 KB (added by allendav, 2 years ago)

Fixes request result row styles to blend into request row (box shadow, background, left border) for confirmed or failed requests

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

     
    11151115        box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    11161116}
    11171117
     1118.privacy_requests tbody .has-request-results th {
     1119        box-shadow: none;
     1120}
     1121
    11181122.privacy_requests tbody td {
    11191123        background: #fff;
    11201124        box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
    11211125}
    11221126
     1127.privacy_requests tbody .has-request-results td {
     1128        box-shadow: none;
     1129}
     1130
    11231131.privacy_requests .status-request-confirmed th,
    11241132.privacy_requests .status-request-confirmed td {
    11251133        background-color: #f7fcfe;
     
    11321140        border-left-color: #d64d21;
    11331141}
    11341142
     1143.privacy_requests .export_personal_data_failed a {
     1144        vertical-align: baseline;
     1145}
     1146
    11351147.status-label {
    11361148        font-weight: 600;
    11371149}
  • src/wp-admin/js/xfn.js

     
    3131        }
    3232
    3333        function clearResultsAfterRow( $requestRow ) {
     34                $requestRow.removeClass( 'has-request-results' );
     35
    3436                if ( $requestRow.next().hasClass( 'request-results' ) ) {
    3537                        $requestRow.next().remove();
    3638                }
     
    4749                        itemList = '<ul>' + itemList + '</ul>';
    4850                }
    4951
     52                $requestRow.addClass( 'has-request-results' );
     53
     54                var resultRowClasses = 'request-results';
     55
     56                if ( $requestRow.hasClass( 'status-request-confirmed' ) ) {
     57                        resultRowClasses = resultRowClasses + ' status-request-confirmed';
     58                }
     59
     60                if ( $requestRow.hasClass( 'status-request-failed' ) ) {
     61                        resultRowClasses = resultRowClasses + ' status-request-failed';
     62                }
     63
    5064                $requestRow.after( function() {
    51                         return '<tr class="request-results"><td colspan="5">' +
     65                        return '<tr class="' + resultRowClasses + '"><th colspan="5">' +
    5266                                '<div class="notice inline notice-alt ' + classes + '">' +
    5367                                '<p>' + summaryMessage + '</p>' +
    5468                                itemList +