Fix some more images not loading (#18632)

This commit is contained in:
Charles Gagnon
2022-03-04 11:03:13 -08:00
committed by GitHub
parent bc78f6a573
commit 9a944b614d
3 changed files with 12 additions and 5 deletions

View File

@@ -169,10 +169,12 @@ export class ProjectDashboard {
.component();
header.addItem(locationLabel, { CSSStyles: { 'padding-left': '34px', 'padding-top': '15px', 'padding-bottom': '50px', 'font-size': '16px' } });
const image = this.projectProvider!.image; // background image added at the bottom right of the header
const backgroundImage = this.projectProvider!.image; // background image added at the bottom right of the header
// Files need to have the vscode-file scheme to be loaded by ADS
const backgroundUri = vscode.Uri.file(backgroundImage!.light.toString()).with({ scheme: 'vscode-file' });
headerContainer.addItem(header, {
CSSStyles: {
'background-image': `url(${vscode.Uri.file(image!.light.toString())})`,
'background-image': `url(${backgroundUri})`,
'background-repeat': 'no-repeat',
'background-position': '85% bottom',
'background-size': '10%',