Fix Process detail accessibility issues

- Made Process Output keyboard accessible

(cherry picked from commit 120835cfcd)
This commit is contained in:
Alexandre Vryghem
2023-11-28 00:36:16 +01:00
committed by github-actions[bot]
parent 9ed13f31ff
commit 5e52233cf3
2 changed files with 2 additions and 2 deletions

View File

@@ -32,7 +32,7 @@ describe('ProcessDetailFieldComponent', () => {
});
it('should display the given title', () => {
const header = fixture.debugElement.query(By.css('h4')).nativeElement;
const header = fixture.debugElement.query(By.css('h2')).nativeElement;
expect(header.textContent).toContain(title);
});
});

View File

@@ -53,7 +53,7 @@
</button>
<ds-themed-loading *ngIf="retrievingOutputLogs$ | async" class="ds-themed-loading"
message="{{ 'process.detail.logs.loading' | translate }}"></ds-themed-loading>
<pre class="font-weight-bold text-secondary bg-light p-3"
<pre class="font-weight-bold text-secondary bg-light p-3" tabindex="0"
*ngIf="showOutputLogs && (outputLogs$ | async)?.length > 0">{{ (outputLogs$ | async) }}</pre>
<p id="no-output-logs-message" *ngIf="(!(retrievingOutputLogs$ | async) && showOutputLogs)
&& !(outputLogs$ | async) || (outputLogs$ | async)?.length == 0 || !process._links.output">