diff --git a/.github/actions/create_workflow_report/ci_run_report.html.jinja b/.github/actions/create_workflow_report/ci_run_report.html.jinja index 4c94465a16c6..92af0fab1cf0 100644 --- a/.github/actions/create_workflow_report/ci_run_report.html.jinja +++ b/.github/actions/create_workflow_report/ci_run_report.html.jinja @@ -13,10 +13,11 @@ :root { --altinity-background: #000D45; --altinity-accent: #189DCF; - --altinity-highlight: #FFC600; + --altinity-link-hover: #FFC600; --altinity-gray: #6c757d; --altinity-light-gray: #f8f9fa; --altinity-white: #ffffff; + --altinity-hover: color-mix(in srgb, var(--altinity-accent) 12%, var(--altinity-white)); } /* Body and heading fonts */ @@ -45,7 +46,7 @@ /* General table styling */ table { - min-width: min(900px, 98vw); + min-width: min(900px, 100%); margin: 1rem 0; border-collapse: collapse; background-color: var(--altinity-white); @@ -107,7 +108,7 @@ /* Table body row styling */ tr:hover { - background-color: var(--altinity-light-gray); + background-color: var(--altinity-hover); } /* Table cell styling */ @@ -123,9 +124,72 @@ } a:hover { - color: var(--altinity-highlight); + color: var(--altinity-link-hover); text-decoration: underline; } + + /* Tab navigation: wrapping strip; each button is an open-bottom tab shape */ + .tab { + display: flex; + flex-wrap: wrap; + gap: 0.4rem; + padding: 0.4rem; + border-radius: 0.75rem; + width: fit-content; + max-width: 100%; + margin: 1.5rem 0; + background: var(--altinity-white); + } + + .tab button.tablinks { + appearance: none; + box-sizing: border-box; + border: 1px solid var(--altinity-accent); + border-bottom: 0; + border-radius: 0.5rem 0.5rem 0 0; + background: var(--altinity-white); + padding: 0.55rem 0.95rem; + font: inherit; + cursor: pointer; + white-space: nowrap; + color: var(--altinity-background); + transition: background 0.12s, color 0.12s; + } + + .tab button.tablinks:hover { + background: var(--altinity-hover); + } + + .tab button.tablinks.active { + background: var(--altinity-hover); + box-shadow: inset 0 2px 0 var(--altinity-accent); + color: var(--altinity-accent); + font-weight: 600; + } + + .tabcontent { + display: none; + padding: 0; + overflow-x: auto; + animation: fadeEffect 0.3s; + } + + .tabcontent table { + min-width: 0; + } + + .tabcontent > *:first-child { + margin-top: 0; + } + + .tabcontent.active { + display: block; + } + + @keyframes fadeEffect { + from { opacity: 0; } + to { opacity: 1; } + } {{ title }} This is a preview. The workflow is not yet finished.

{% endif %} -

Table of Contents

- - - {%- if pr_number != 0 -%} -

New Fails in PR

-

Compared with base sha {{ base_sha }}

- {{ new_fails_html }} +
+ {%- if pr_number == 0 %}{% endif %} + {%- if pr_number != 0 %}{% endif %} + + + + + + +
+ + {%- if pr_number == 0 %} +
+ {{ prs_in_release_html }} +
{%- endif %} -

CI Jobs Status

- {{ ci_jobs_status_html }} + {%- if pr_number != 0 %} +
+

Compared with base sha {{ base_sha }}

+ {{ new_fails_html }} +
+ {%- endif %} + +
+ {{ ci_jobs_status_html }} +
-

Checks Errors

- {{ checks_errors_html }} +
+ {{ checks_errors_html }} +
-

Checks New Fails

- {{ checks_fails_html }} +
+ {{ checks_fails_html }} +
-

Regression New Fails

- {{ regression_fails_html }} +
+ {{ regression_fails_html }} +
-

Docker Images CVEs

- {{ docker_images_cves_html }} +
+ {{ docker_images_cves_html }} +
-

Checks Known Fails

-

- Fail reason conventions:
- KNOWN - Accepted fail and fix is not planned
- INVESTIGATE - We don't know why it fails
- NEEDSFIX - Investigation done and a fix is needed to make it pass
-

- {{ checks_known_fails_html }} +
+

+ Fail reason conventions:
+ KNOWN - Accepted fail and fix is not planned
+ INVESTIGATE - We don't know why it fails
+ NEEDSFIX - Investigation done and a fix is needed to make it pass
+

+ {{ checks_known_fails_html }} +
+ +