From e9cab5f1204921143e4452c1da307a34455a4e29 Mon Sep 17 00:00:00 2001 From: Carlin Tan Date: Fri, 13 Jun 2025 14:41:50 +0800 Subject: [PATCH 1/8] Update icons for inspect plus When INSPECT_PLUS env variable is set to true, icons generated in the summary pdf is aligned to inspect plus's icons for consistency. --- src/mergeAxeResults.ts | 5 ++- .../partials/scripts/summaryScanResults.ejs | 40 +++++++++++++------ .../ejs/partials/scripts/summaryTable.ejs | 23 +++++++++-- src/static/ejs/summary.ejs | 4 +- 4 files changed, 54 insertions(+), 18 deletions(-) diff --git a/src/mergeAxeResults.ts b/src/mergeAxeResults.ts index 3d1ced9c..8b235805 100644 --- a/src/mergeAxeResults.ts +++ b/src/mergeAxeResults.ts @@ -430,7 +430,10 @@ const writeSummaryHTML = async ( const template = ejs.compile(ejsString, { filename: path.join(dirname, './static/ejs/summary.ejs'), }); - const html = template(allIssues); + const html = template({ + ...allIssues, + isInspectPlus: process.env.INSPECT_PLUS === 'true' + }); fs.writeFileSync(`${storagePath}/${htmlFilename}.html`, html); }; diff --git a/src/static/ejs/partials/scripts/summaryScanResults.ejs b/src/static/ejs/partials/scripts/summaryScanResults.ejs index cbfafd22..93f19938 100644 --- a/src/static/ejs/partials/scripts/summaryScanResults.ejs +++ b/src/static/ejs/partials/scripts/summaryScanResults.ejs @@ -1,14 +1,30 @@ diff --git a/src/static/ejs/partials/scripts/summaryTable.ejs b/src/static/ejs/partials/scripts/summaryTable.ejs index 304e0afd..975e266c 100644 --- a/src/static/ejs/partials/scripts/summaryTable.ejs +++ b/src/static/ejs/partials/scripts/summaryTable.ejs @@ -1,4 +1,6 @@ diff --git a/src/static/ejs/summary.ejs b/src/static/ejs/summary.ejs index 472dc8ab..6ff70fb2 100644 --- a/src/static/ejs/summary.ejs +++ b/src/static/ejs/summary.ejs @@ -17,7 +17,7 @@ <%- include('partials/summaryHeader') %> <%- include('partials/summaryMain') %> <%- include('partials/scripts/popper') %> <%- include('partials/scripts/bootstrap') %> <%- include('partials/scripts/highlightjs') %> <%- include('partials/scripts/utils') %> <%- - include('partials/scripts/ruleOffcanvas') %> <%- include('partials/scripts/summaryScanResults') + include('partials/scripts/ruleOffcanvas') %> <%- include('partials/scripts/summaryScanResults', { isInspectPlus }) %> - <%- include('partials/scripts/summaryTable') %> + <%- include('partials/scripts/summaryTable', { isInspectPlus }) %> + \ No newline at end of file diff --git a/src/static/ejs/partials/scripts/summaryTable.ejs b/src/static/ejs/partials/scripts/summaryTable.ejs index 975e266c..bd895ccc 100644 --- a/src/static/ejs/partials/scripts/summaryTable.ejs +++ b/src/static/ejs/partials/scripts/summaryTable.ejs @@ -59,7 +59,7 @@ const mustFixImg = document.createElement('img'); mustFixImg.alt = 'must fix icon'; if (isInspectPlus) { - mustFixImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13ZM11 15V17H13V15H11Z' fill='%23f26949'/%3E%3C/svg%3E%0A`; + mustFixImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13ZM11 15V17H13V15H11Z' fill='%23C22A3E'/%3E%3C/svg%3E%0A`; } else { mustFixImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1429 0.102879H2.85714C1.27919 0.102879 0 1.38206 0 2.96002V17.2457C0 18.8237 1.27919 20.1029 2.85714 20.1029H17.1429C18.7208 20.1029 20 18.8237 20 17.2457V2.96002C20 1.38206 18.7208 0.102879 17.1429 0.102879Z' fill='%23f26949'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.4294 10.101V5.81531C11.4294 5.02633 10.7898 4.38673 10.0008 4.38673C9.21186 4.38673 8.57227 5.02633 8.57227 5.81531V10.101C8.57227 10.89 9.21186 11.5296 10.0008 11.5296C10.7898 11.5296 11.4294 10.89 11.4294 10.101ZM10.0008 12.9582C9.21227 12.9582 8.57227 13.5982 8.57227 14.3867C8.57227 15.1753 9.21227 15.8153 10.0008 15.8153C10.7894 15.8153 11.4294 15.1753 11.4294 14.3867C11.4294 13.5982 10.7894 12.9582 10.0008 12.9582Z' fill='white'/%3E%3C/svg%3E%0A`; } @@ -72,7 +72,7 @@ const goodToFixImg = document.createElement('img'); goodToFixImg.alt = 'good to fix icon'; if (isInspectPlus) { - goodToFixImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5301 21.0001C21.0701 21.0001 22.0301 19.3301 21.2601 18.0001L13.7301 4.99005C12.9601 3.66005 11.0401 3.66005 10.2701 4.99005L2.74012 18.0001C1.97012 19.3301 2.93012 21.0001 4.47012 21.0001H19.5301ZM12.0001 14.0001C11.4501 14.0001 11.0001 13.5501 11.0001 13.0001V11.0001C11.0001 10.4501 11.4501 10.0001 12.0001 10.0001C12.5501 10.0001 13.0001 10.4501 13.0001 11.0001V13.0001C13.0001 13.5501 12.5501 14.0001 12.0001 14.0001ZM11.0001 16.0001V18.0001H13.0001V16.0001H11.0001Z' fill='%23FFB200'/%3E%3C/svg%3E%0A`; + goodToFixImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.5301 21.0001C21.0701 21.0001 22.0301 19.3301 21.2601 18.0001L13.7301 4.99005C12.9601 3.66005 11.0401 3.66005 10.2701 4.99005L2.74012 18.0001C1.97012 19.3301 2.93012 21.0001 4.47012 21.0001H19.5301ZM12.0001 14.0001C11.4501 14.0001 11.0001 13.5501 11.0001 13.0001V11.0001C11.0001 10.4501 11.4501 10.0001 12.0001 10.0001C12.5501 10.0001 13.0001 10.4501 13.0001 11.0001V13.0001C13.0001 13.5501 12.5501 14.0001 12.0001 14.0001ZM11.0001 16.0001V18.0001H13.0001V16.0001H11.0001Z' fill='%23CF8100'/%3E%3C/svg%3E%0A`; } else { goodToFixImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1429 0H2.85714C1.27919 0 0 1.27919 0 2.85714V17.1429C0 18.7208 1.27919 20 2.85714 20H17.1429C18.7208 20 20 18.7208 20 17.1429V2.85714C20 1.27919 18.7208 0 17.1429 0Z' fill='%23ffb200'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 6.5625C8.10131 6.5625 6.5625 8.10131 6.5625 10C6.5625 11.8987 8.10131 13.4375 10 13.4375C11.8987 13.4375 13.4375 11.8987 13.4375 10C13.4375 8.10131 11.8987 6.5625 10 6.5625ZM4.84375 10C4.84375 7.15207 7.15207 4.84375 10 4.84375C12.8479 4.84375 15.1562 7.15207 15.1562 10C15.1562 12.8479 12.8479 15.1562 10 15.1562C7.15207 15.1562 4.84375 12.8479 4.84375 10Z' fill='white'/%3E%3C/svg%3E%0A`; } @@ -85,7 +85,7 @@ const needsReviewImg = document.createElement('img'); needsReviewImg.alt = 'needs review icon'; if (isInspectPlus) { - needsReviewImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.502 19.1538C17.2455 19.1538 17.8733 18.8971 18.3855 18.3838C18.8977 17.8703 19.1538 17.2417 19.1538 16.498C19.1538 15.7545 18.8971 15.1267 18.3838 14.6145C17.8703 14.1023 17.2417 13.8463 16.498 13.8463C15.7545 13.8463 15.1267 14.1029 14.6145 14.6163C14.1023 15.1298 13.8463 15.7583 13.8463 16.502C13.8463 17.2455 14.1029 17.8733 14.6163 18.3855C15.1298 18.8977 15.7583 19.1538 16.502 19.1538ZM22.1275 22.127C21.9895 22.2653 21.8139 22.3345 21.6008 22.3345C21.3874 22.3345 21.2115 22.2653 21.073 22.127L18.8615 19.9058C18.5243 20.1519 18.1548 20.3382 17.753 20.4645C17.351 20.5907 16.9333 20.6538 16.5 20.6538C15.3462 20.6538 14.3654 20.2499 13.5578 19.4423C12.7501 18.6346 12.3463 17.6538 12.3463 16.5C12.3463 15.3462 12.7501 14.3654 13.5578 13.5578C14.3654 12.7501 15.3462 12.3463 16.5 12.3463C17.6538 12.3463 18.6346 12.7501 19.4423 13.5578C20.2499 14.3654 20.6538 15.3462 20.6538 16.5C20.6538 16.9333 20.5907 17.351 20.4645 17.753C20.3382 18.1548 20.1519 18.5243 19.9058 18.8615L22.127 21.073C22.2653 21.211 22.3345 21.3865 22.3345 21.5995C22.3345 21.8127 22.2655 21.9885 22.1275 22.127ZM5.30775 21.5C4.80258 21.5 4.375 21.325 4.025 20.975C3.675 20.625 3.5 20.1974 3.5 19.6923V4.30775C3.5 3.80258 3.675 3.375 4.025 3.025C4.375 2.675 4.80258 2.5 5.30775 2.5H12.502C12.7458 2.5 12.9783 2.54683 13.1993 2.6405C13.4202 2.734 13.6128 2.86283 13.777 3.027L17.973 7.223C18.1372 7.38717 18.266 7.57975 18.3595 7.80075C18.4532 8.02175 18.5 8.25417 18.5 8.498V9.4385C18.5 9.7065 18.3952 9.92575 18.1855 10.0963C17.9758 10.2667 17.7338 10.3199 17.4595 10.2558C17.3007 10.2251 17.1431 10.2004 16.9868 10.1818C16.8306 10.1631 16.6683 10.1538 16.5 10.1538C15.5538 10.1538 14.675 10.34 13.8635 10.7125C13.052 11.085 12.3563 11.5975 11.7765 12.25H8C7.7875 12.25 7.60942 12.3219 7.46575 12.4658C7.32192 12.6096 7.25 12.7878 7.25 13.0003C7.25 13.2129 7.32192 13.391 7.46575 13.5345C7.60942 13.6782 7.7875 13.75 8 13.75H10.798C10.6007 14.1372 10.4501 14.5407 10.3463 14.9605C10.2424 15.3805 10.1834 15.8103 10.1693 16.25H8C7.7875 16.25 7.60942 16.3219 7.46575 16.4658C7.32192 16.6096 7.25 16.7878 7.25 17.0003C7.25 17.2129 7.32192 17.391 7.46575 17.5345C7.60942 17.6782 7.7875 17.75 8 17.75H10.2808C10.3783 18.2347 10.526 18.6949 10.724 19.1308C10.9222 19.5666 11.1687 19.973 11.4635 20.35C11.6583 20.5872 11.6983 20.8381 11.5835 21.1028C11.4687 21.3676 11.2735 21.5 10.998 21.5H5.30775ZM12.5 4V7.6C12.5 7.855 12.5863 8.06875 12.7588 8.24125C12.9313 8.41375 13.145 8.5 13.4 8.5H17L12.5 4Z' fill='%239021A6'/%3E%3C/svg%3E%0A`; + needsReviewImg.src = `data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.502 19.1538C17.2455 19.1538 17.8733 18.8971 18.3855 18.3838C18.8977 17.8703 19.1538 17.2417 19.1538 16.498C19.1538 15.7545 18.8971 15.1267 18.3838 14.6145C17.8703 14.1023 17.2417 13.8463 16.498 13.8463C15.7545 13.8463 15.1267 14.1029 14.6145 14.6163C14.1023 15.1298 13.8463 15.7583 13.8463 16.502C13.8463 17.2455 14.1029 17.8733 14.6163 18.3855C15.1298 18.8977 15.7583 19.1538 16.502 19.1538ZM22.1275 22.127C21.9895 22.2653 21.8139 22.3345 21.6008 22.3345C21.3874 22.3345 21.2115 22.2653 21.073 22.127L18.8615 19.9058C18.5243 20.1519 18.1548 20.3382 17.753 20.4645C17.351 20.5907 16.9333 20.6538 16.5 20.6538C15.3462 20.6538 14.3654 20.2499 13.5578 19.4423C12.7501 18.6346 12.3463 17.6538 12.3463 16.5C12.3463 15.3462 12.7501 14.3654 13.5578 13.5578C14.3654 12.7501 15.3462 12.3463 16.5 12.3463C17.6538 12.3463 18.6346 12.7501 19.4423 13.5578C20.2499 14.3654 20.6538 15.3462 20.6538 16.5C20.6538 16.9333 20.5907 17.351 20.4645 17.753C20.3382 18.1548 20.1519 18.5243 19.9058 18.8615L22.127 21.073C22.2653 21.211 22.3345 21.3865 22.3345 21.5995C22.3345 21.8127 22.2655 21.9885 22.1275 22.127ZM5.30775 21.5C4.80258 21.5 4.375 21.325 4.025 20.975C3.675 20.625 3.5 20.1974 3.5 19.6923V4.30775C3.5 3.80258 3.675 3.375 4.025 3.025C4.375 2.675 4.80258 2.5 5.30775 2.5H12.502C12.7458 2.5 12.9783 2.54683 13.1993 2.6405C13.4202 2.734 13.6128 2.86283 13.777 3.027L17.973 7.223C18.1372 7.38717 18.266 7.57975 18.3595 7.80075C18.4532 8.02175 18.5 8.25417 18.5 8.498V9.4385C18.5 9.7065 18.3952 9.92575 18.1855 10.0963C17.9758 10.2667 17.7338 10.3199 17.4595 10.2558C17.3007 10.2251 17.1431 10.2004 16.9868 10.1818C16.8306 10.1631 16.6683 10.1538 16.5 10.1538C15.5538 10.1538 14.675 10.34 13.8635 10.7125C13.052 11.085 12.3563 11.5975 11.7765 12.25H8C7.7875 12.25 7.60942 12.3219 7.46575 12.4658C7.32192 12.6096 7.25 12.7878 7.25 13.0003C7.25 13.2129 7.32192 13.391 7.46575 13.5345C7.60942 13.6782 7.7875 13.75 8 13.75H10.798C10.6007 14.1372 10.4501 14.5407 10.3463 14.9605C10.2424 15.3805 10.1834 15.8103 10.1693 16.25H8C7.7875 16.25 7.60942 16.3219 7.46575 16.4658C7.32192 16.6096 7.25 16.7878 7.25 17.0003C7.25 17.2129 7.32192 17.391 7.46575 17.5345C7.60942 17.6782 7.7875 17.75 8 17.75H10.2808C10.3783 18.2347 10.526 18.6949 10.724 19.1308C10.9222 19.5666 11.1687 19.973 11.4635 20.35C11.6583 20.5872 11.6983 20.8381 11.5835 21.1028C11.4687 21.3676 11.2735 21.5 10.998 21.5H5.30775ZM12.5 4V7.6C12.5 7.855 12.5863 8.06875 12.7588 8.24125C12.9313 8.41375 13.145 8.5 13.4 8.5H17L12.5 4Z' fill='%23033D84'/%3E%3C/svg%3E%0A`; } else { needsReviewImg.src = `data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1429 0H2.85714C1.27919 0 0 1.27919 0 2.85714V17.1429C0 18.7208 1.27919 20 2.85714 20H17.1429C18.7208 20 20 18.7208 20 17.1429V2.85714C20 1.27919 18.7208 0 17.1429 0Z' fill='%23c9c8c6'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.09759 7.26594C8.23445 6.67496 8.46462 6.23328 8.7881 5.9409C9.14891 5.65474 9.57815 5.51166 10.0758 5.51166C10.5984 5.51166 11.0152 5.64852 11.3262 5.92224C11.6372 6.19596 11.7928 6.53188 11.7928 6.93002C11.7928 7.22862 11.7057 7.48367 11.5315 7.69518C11.4195 7.84448 11.0712 8.15552 10.4864 8.6283C9.90785 9.11353 9.51594 9.54277 9.31065 9.91602C9.12403 10.3079 9.03072 10.7745 9.03072 11.3157V11.7449L9.04938 11.8569C9.04938 11.9316 9.06026 12 9.08204 12.0622C9.10381 12.1244 9.12558 12.1742 9.14736 12.2115C9.16913 12.2488 9.20645 12.2815 9.25933 12.3095C9.31221 12.3375 9.35264 12.3593 9.38064 12.3748C9.40863 12.3904 9.45995 12.4012 9.5346 12.4075C9.60925 12.4137 9.66058 12.4168 9.68857 12.4168H9.85187H10.0012C10.2065 12.4168 10.3589 12.409 10.4584 12.3935C10.5579 12.3779 10.6466 12.3313 10.7243 12.2535C10.8021 12.1757 10.841 12.056 10.841 11.8942C10.841 11.6827 10.8534 11.465 10.8783 11.2411C10.897 11.0109 10.9343 10.8305 10.9903 10.6998C11.0712 10.5008 11.3324 10.2208 11.7741 9.86003C12.6077 9.15707 13.1427 8.61587 13.3791 8.23639C13.6279 7.83204 13.7523 7.41524 13.7523 6.986C13.7523 6.17729 13.4102 5.48678 12.7259 4.91446C12.0603 4.30482 11.1458 4 9.9825 4C8.88763 4 8.00428 4.2986 7.33243 4.8958C6.71656 5.41835 6.36198 6.07154 6.26866 6.85537C6.25622 6.89269 6.25 6.9549 6.25 7.04199C6.25 7.29705 6.3402 7.51633 6.52061 7.69984C6.70101 7.88336 6.91563 7.97512 7.16446 7.97512C7.37597 7.97512 7.56571 7.90824 7.73367 7.77449C7.90163 7.64075 8.0105 7.47123 8.06026 7.26594H8.09759ZM10.0012 13.2939C9.62791 13.2939 9.30754 13.4246 9.04005 13.6858C8.77255 13.9471 8.6388 14.2644 8.6388 14.6376C8.6388 15.0047 8.77255 15.3235 9.04005 15.5941C9.30754 15.8647 9.62791 16 10.0012 16C10.3744 16 10.6948 15.8647 10.9623 15.5941C11.2298 15.3235 11.3635 15.0047 11.3635 14.6376C11.3635 14.2644 11.2298 13.9471 10.9623 13.6858C10.6948 13.4246 10.3744 13.2939 10.0012 13.2939Z' fill='white'/%3E%3C/svg%3E%0A`; } diff --git a/src/static/ejs/partials/styles/styles.ejs b/src/static/ejs/partials/styles/styles.ejs index 87d83a52..039df18b 100644 --- a/src/static/ejs/partials/styles/styles.ejs +++ b/src/static/ejs/partials/styles/styles.ejs @@ -3,6 +3,7 @@ @import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text:ital@0;1&display=swap" rel="stylesheet'); + @import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;700&display=swap'); /* Bootstrap CSS overrides */ #accessibility-site-report:root { @@ -43,7 +44,7 @@ #accessibility-site-report body, #accessibility-site-report html { all: unset; - font-family: 'PT Sans'; + font-family: 'Libre Franklin'; background-color: var(--a11y-black-5); margin: 0; min-height: 100vh; @@ -74,7 +75,7 @@ } #accessibility-site-report h1 { - font-family: 'PT Sans'; + font-family: 'Libre Franklin'; font-weight: 700; font-size: 2rem; padding-bottom: 0.5rem; @@ -98,7 +99,7 @@ } #accessibility-site-report a { - color: var(--sky-blue-150); + color: var(--wogaa-blue-100); text-decoration: none; } @@ -125,6 +126,9 @@ --a11y-purple-150: #642272; --a11y-purple-highlight: #c000e5; + /* WOGAA Brand Colours */ + --wogaa-blue-100: #056BE7; + /* Accents - RGBY */ --coral-red-50: #ffb7a6; --coral-red-70: #f27961; @@ -155,6 +159,7 @@ /* Fonts */ --a11y-regular-paragraph: 'PT Sans'; + --wogaa-regular-paragraph: 'Libre Franklin' } * { @@ -162,7 +167,7 @@ } a[target='_blank']:after { - content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.477 2.625C6.477 2.52554 6.43749 2.43016 6.36716 2.35984C6.29684 2.28951 6.20146 2.25 6.102 2.25H1.125C0.826631 2.25 0.540483 2.36853 0.329505 2.5795C0.118526 2.79048 0 3.07663 0 3.375L0 10.875C0 11.1734 0.118526 11.4595 0.329505 11.6705C0.540483 11.8815 0.826631 12 1.125 12H8.625C8.92337 12 9.20952 11.8815 9.42049 11.6705C9.63147 11.4595 9.75 11.1734 9.75 10.875V5.898C9.75 5.79854 9.71049 5.70316 9.64016 5.63283C9.56984 5.56251 9.47446 5.523 9.375 5.523C9.27554 5.523 9.18016 5.56251 9.10983 5.63283C9.03951 5.70316 9 5.79854 9 5.898V10.875C9 10.9745 8.96049 11.0698 8.89016 11.1402C8.81984 11.2105 8.72446 11.25 8.625 11.25H1.125C1.02554 11.25 0.930161 11.2105 0.859835 11.1402C0.789509 11.0698 0.75 10.9745 0.75 10.875V3.375C0.75 3.27554 0.789509 3.18016 0.859835 3.10984C0.930161 3.03951 1.02554 3 1.125 3H6.102C6.20146 3 6.29684 2.96049 6.36716 2.89016C6.43749 2.81984 6.477 2.72446 6.477 2.625Z' fill='%23006b8c'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0.375C12 0.275544 11.9605 0.180161 11.8902 0.109835C11.8198 0.0395088 11.7245 0 11.625 0L7.875 0C7.77554 0 7.68016 0.0395088 7.60983 0.109835C7.53951 0.180161 7.5 0.275544 7.5 0.375C7.5 0.474456 7.53951 0.569839 7.60983 0.640165C7.68016 0.710491 7.77554 0.75 7.875 0.75H10.7197L4.6095 6.8595C4.57463 6.89437 4.54697 6.93576 4.5281 6.98131C4.50924 7.02687 4.49952 7.07569 4.49952 7.125C4.49952 7.17431 4.50924 7.22313 4.5281 7.26869C4.54697 7.31424 4.57463 7.35563 4.6095 7.3905C4.64436 7.42537 4.68576 7.45302 4.73131 7.47189C4.77686 7.49076 4.82569 7.50047 4.875 7.50047C4.92431 7.50047 4.97313 7.49076 5.01869 7.47189C5.06424 7.45302 5.10563 7.42537 5.1405 7.3905L11.25 1.28025V4.125C11.25 4.22446 11.2895 4.31984 11.3598 4.39016C11.4302 4.46049 11.5255 4.5 11.625 4.5C11.7245 4.5 11.8198 4.46049 11.8902 4.39016C11.9605 4.31984 12 4.22446 12 4.125V0.375Z' fill='%23006b8c'/%3E%3C/svg%3E%0A"); + content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.477 2.625C6.477 2.52554 6.43749 2.43016 6.36716 2.35984C6.29684 2.28951 6.20146 2.25 6.102 2.25H1.125C0.826631 2.25 0.540483 2.36853 0.329505 2.5795C0.118526 2.79048 0 3.07663 0 3.375L0 10.875C0 11.1734 0.118526 11.4595 0.329505 11.6705C0.540483 11.8815 0.826631 12 1.125 12H8.625C8.92337 12 9.20952 11.8815 9.42049 11.6705C9.63147 11.4595 9.75 11.1734 9.75 10.875V5.898C9.75 5.79854 9.71049 5.70316 9.64016 5.63283C9.56984 5.56251 9.47446 5.523 9.375 5.523C9.27554 5.523 9.18016 5.56251 9.10983 5.63283C9.03951 5.70316 9 5.79854 9 5.898V10.875C9 10.9745 8.96049 11.0698 8.89016 11.1402C8.81984 11.2105 8.72446 11.25 8.625 11.25H1.125C1.02554 11.25 0.930161 11.2105 0.859835 11.1402C0.789509 11.0698 0.75 10.9745 0.75 10.875V3.375C0.75 3.27554 0.789509 3.18016 0.859835 3.10984C0.930161 3.03951 1.02554 3 1.125 3H6.102C6.20146 3 6.29684 2.96049 6.36716 2.89016C6.43749 2.81984 6.477 2.72446 6.477 2.625Z' fill='%23056BE7'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 0.375C12 0.275544 11.9605 0.180161 11.8902 0.109835C11.8198 0.0395088 11.7245 0 11.625 0L7.875 0C7.77554 0 7.68016 0.0395088 7.60983 0.109835C7.53951 0.180161 7.5 0.275544 7.5 0.375C7.5 0.474456 7.53951 0.569839 7.60983 0.640165C7.68016 0.710491 7.77554 0.75 7.875 0.75H10.7197L4.6095 6.8595C4.57463 6.89437 4.54697 6.93576 4.5281 6.98131C4.50924 7.02687 4.49952 7.07569 4.49952 7.125C4.49952 7.17431 4.50924 7.22313 4.5281 7.26869C4.54697 7.31424 4.57463 7.35563 4.6095 7.3905C4.64436 7.42537 4.68576 7.45302 4.73131 7.47189C4.77686 7.49076 4.82569 7.50047 4.875 7.50047C4.92431 7.50047 4.97313 7.49076 5.01869 7.47189C5.06424 7.45302 5.10563 7.42537 5.1405 7.3905L11.25 1.28025V4.125C11.25 4.22446 11.2895 4.31984 11.3598 4.39016C11.4302 4.46049 11.5255 4.5 11.625 4.5C11.7245 4.5 11.8198 4.46049 11.8902 4.39016C11.9605 4.31984 12 4.22446 12 4.125V0.375Z' fill='%23056BE7'/%3E%3C/svg%3E%0A"); display: inline-block; padding-left: 0.25rem; text-decoration-line: none; @@ -206,7 +211,7 @@ .search-warning { background: rgb(0, 107, 140, 0.05); - border: 1px solid var(--sky-blue-150); + border: 1px solid var(--wogaa-blue-100); margin-bottom: 2rem; text-align: center; } @@ -301,14 +306,14 @@ } .filter-options-group input[type='radio']:checked + label { - border: 2px solid var(--A11Y-Primary-Blue-600, var(--sky-blue-150)); + border: 2px solid var(--A11Y-Primary-Blue-600, var(--wogaa-blue-100)); background: var(--true-white); - color: var(--sky-blue-150); + color: var(--wogaa-blue-100); } .filter-words:hover { background: #f2f6ff; - border: 1px solid var(--sky-blue-150); + border: 1px solid var(--wogaa-blue-100); } .filter-words { @@ -359,7 +364,7 @@ position: absolute; left: -50px; font-size: 18px; - color: var(--sky-blue-150); + color: var(--wogaa-blue-100); } .toggle:after { @@ -600,7 +605,7 @@ #pagesScannedModalToggle, #pagesScannedModalToggleTxt { background-color: transparent; - color: var(--sky-blue-150); + color: var(--wogaa-blue-100); border: none; padding: 0; text-align: left; @@ -643,7 +648,7 @@ margin-bottom: -1px; } #pagesScannedModal .nav-link.active { - border-bottom: 2px solid var(--sky-blue-150); + border-bottom: 2px solid var(--wogaa-blue-100); } #pagesScannedModal .nav-link { border: none; @@ -662,7 +667,7 @@ line-height: 1rem; } #pagesScannedModal .nav-link.active > .badge { - background-color: var(--sky-blue-150); + background-color: var(--wogaa-blue-100); color: white; } #pagesScannedModal .not-scanned-url { @@ -761,7 +766,7 @@ border: 0; padding: 0; float: right; - color: var(--sky-blue-150); + color: var(--wogaa-blue-100); } button#wcagModalToggle:hover { @@ -847,7 +852,7 @@ } .category-selector.selected { - border: 2px solid var(--sky-blue-150); + border: 2px solid var(--wogaa-blue-100); padding: calc(1rem - 1px); cursor: default; } @@ -855,7 +860,7 @@ .category-selector:not(.selected):hover { cursor: pointer; background-color: rgba(158, 224, 242, 0.2); - border: 1px solid var(--sky-blue-150); + border: 1px solid var(--wogaa-blue-100); } .category-selector .category-name { @@ -875,7 +880,7 @@ } .category-selector.selected .category-name { - color: var(--sky-blue-150); + color: var(--wogaa-blue-100); } .category-selector.mustFix .category-name::before { @@ -1423,6 +1428,17 @@ padding-bottom: 14px; } + #summary-inspect-plus-table-header { + border-bottom: 3px solid var(--wogaa-blue-100) !important; + border-top: 1px solid var(--a11y-black-25); + border-left: 1px solid var(--a11y-black-25); + border-right: 1px solid var(--a11y-black-25); + border-style: solid; + padding-left: 16px; + padding-top: 14px; + padding-bottom: 14px; + } + #summary-table-icon { visibility: hidden; } diff --git a/src/static/ejs/partials/summaryHeader.ejs b/src/static/ejs/partials/summaryHeader.ejs index f1e9b80b..d5ee1e71 100644 --- a/src/static/ejs/partials/summaryHeader.ejs +++ b/src/static/ejs/partials/summaryHeader.ejs @@ -1,52 +1,57 @@