@govtechsg/oobee 0.10.92 → 0.10.94

package/src/static/ejs/partials/styles/header/aboutScanModal/ScanDetails.ejs

@@ -3,12 +3,16 @@
     word-break: break-word;
   }
 
-  #scan-about > ul > li:first-child {
-    padding-top: 0.5rem;
+  #aboutScanModalLabel {
+    margin-bottom: 1rem;
   }
 
-  #scan-about ul {
+  #scan-about > ul {
     padding-left: 0;
+    padding-top: 0;
+    padding-bottom: 1rem;
+    margin-top: 0;
+    margin-bottom: 0;
   }
 
   #scan-about li {
@@ -38,21 +42,28 @@
     margin-bottom: 0.3rem;
   }
 
-  .advanced-group {
-    display: flex;
-    align-items: center;
-    margin-bottom: 0 !important;
+  #scan-about li.advanced-group {
+    align-items: flex-start;
+    margin-bottom: 0;
+  }
+
+  #scan-about li.advanced-group > .advanced-group-content {
+    min-width: 0;
+    flex: 1;
   }
 
-  .advanced-group + .advanced-sublist,
-  .advanced-group + ul {
-    list-style: disc !important;
-    margin-left: 3.125rem;
+  #scan-about li.advanced-group > .advanced-group-content > ul.advanced-sublist {
+    list-style: disc;
+    list-style-position: outside;
+    margin-left: 8px;
+    margin-top: 0.5rem;
+    padding-left: 12px;
+    text-indent: -2px;
   }
 
-  .advanced-group + .advanced-sublist li,
-  .advanced-group + ul li {
+  #scan-about li.advanced-group > .advanced-group-content > ul.advanced-sublist li {
     margin: 0;
+    list-style-position: outside !important;
   }
 
   .advanced-sublist-li {
@@ -85,10 +96,14 @@
 
   .about-scan-toggle .about-us-type-of-scan-text {
     color: var(--a11y-majorelle-blue) !important;
-    display: inline !important;
-    text-decoration: none;
+    display: inline;
+    text-decoration: underline;
     cursor: pointer;
   }
+
+  #pagesScannedModalToggleTxt {
+    color: var(--a11y-majorelle-blue) !important;
+  }
   .about-scan-toggle:hover .about-us-type-of-scan-text,
   .about-scan-toggle .about-us-type-of-scan-text:focus-visible {
     text-decoration: underline;
@@ -112,9 +127,14 @@
     line-height: 1.2;
   }
 
+  .about-scan-divider-item {
+    display: block !important;
+    margin-bottom: 2rem !important;
+  }
+
   .about-scan-link-text {
     color: var(--a11y-majorelle-blue);
-    text-decoration: none;
+    text-decoration: underline;
     cursor: pointer;
   }
 

package/src/static/ejs/partials/styles/prioritiseIssues/PrioritiseIssues.ejs

@@ -120,15 +120,36 @@
 
   .priority-issue-item {
     padding: 0.75rem;
-    cursor: pointer;
     position: relative;
     padding-left: 1.5rem;
+    display: flex;
+    align-items: flex-start;
+  }
+
+  .priority-issue-action {
+    appearance: none;
+    border: 0;
+    background: transparent;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    text-align: left;
+    cursor: pointer;
+    color: inherit;
+    line-height: 1.5;
+  }
+
+  .priority-issue-action > .w-90 {
+    width: 100% !important;
   }
 
   .priority-issue-item::before {
     counter-increment: issue-counter;
     content: counter(issue-counter) '.';
     line-height: 1.5;
+    margin-right: 0.5rem;
+    flex-shrink: 0;
   }
 
   .priority-issue-item:hover:not(.active) {

package/src/static/ejs/partials/styles/styles.ejs

@@ -98,7 +98,7 @@
 
   a {
     color: var(--a11y-majorelle-blue);
-    text-decoration: none;
+    text-decoration: underline;
   }
 
   a:hover {

package/src/static/ejs/partials/styles/wcagCompliance/WcagGaugeBar.ejs

@@ -39,6 +39,11 @@
   .gauge-number {
     font-weight: 700;
     font-size: 16px;
+    color: var(--dark-charcoal, #1f1f1f);
+    background-color: var(--true-white, #fff);
+    display: inline-block;
+    padding: 2px 8px;
+    border-radius: 999px;
   }
 
   .gauge-caption {
@@ -54,6 +59,7 @@
 
   .gauge-value-number {
     font-size: 24px;
+    color: var(--dark-charcoal, #1f1f1f);
   }
 
   .gauge-value-number.perfect-score {

package/src/static/ejs/partials/styles/wcagCompliance.ejs

@@ -18,10 +18,11 @@
 		margin-bottom: 0rem;
 	}
 
-	.wcag-link {
-		font-size: 1rem;
-		border: 0;
-	}
+.wcag-link {
+font-size: 1rem;
+border: 0;
+text-decoration: underline;
+}
 
 	.wcag-status {
 		margin-bottom: 0.3rem;

package/src/static/ejs/partials/styles/wcagCoverageDetails.ejs

@@ -12,9 +12,14 @@
     gap: 10px 18px;
   }
 
+  #wcagCoverage .wcag-criteria-heading {
+    font-size: 1.25rem;
+    line-height: 1.2;
+  }
+
   #wcagCoverage .wcag-grid a {
     color: var(--a11y-majorelle-blue, #5735DF);
-    text-decoration: none;
+    text-decoration: underline;
   }
   #wcagCoverage .wcag-grid a:hover,
   #wcagCoverage .wcag-grid a:focus-visible {

package/testStaticJSScanner.html

@@ -98,7 +98,7 @@
       font-size: 0.78rem; color: #0d6efd; text-decoration: none;
       white-space: nowrap;
     }
-    .goto-link:hover { text-decoration: underline; }
+    /* .goto-link:hover { text-decoration: underline; } */
     .item-message {
       display: block; font-size: 0.75rem; color: #6c757d;
       margin: 1px 0 6px; font-style: italic;