WordPress.org

Make WordPress Core

Ticket #43909: 43909.2.diff

File 43909.2.diff, 1.9 KB (added by allendav, 20 months 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 +