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

@@ -38,10 +38,11 @@ export class DashboardWidget {
}).component();
const header = await this.createHeader(view);
const footerContainer = this.createFooter(view);
const backgroundImageUri = vscode.Uri.file(this.asAbsolutePath('images/background.svg')).with({ scheme: 'vscode-file' });
container.addItem(header, {
CSSStyles: {
'background-image': `
url(${vscode.Uri.file(this.asAbsolutePath('images/background.svg'))}),
url(${backgroundImageUri}),
linear-gradient(0deg, rgba(0,0,0,0.09) 0%, rgba(0,0,0,0) 100%)
`,
'background-repeat': 'no-repeat',
@@ -300,9 +301,11 @@ export class DashboardWidget {
await this._apiWrapper.openExternal(vscode.Uri.parse(linkMetaData.link));
}
});
// Files need to have the vscode-file scheme to be loaded by ADS
const imageUri = vscode.Uri.file(this.asAbsolutePath(linkMetaData.iconPath?.light as string || '')).with({ scheme: 'vscode-file' });
videosContainer.addItem(video1Container, {
CSSStyles: {
'background-image': `url(${vscode.Uri.file(this.asAbsolutePath(linkMetaData.iconPath?.light as string || ''))})`,
'background-image': `url(${imageUri})`,
'background-repeat': 'no-repeat',
'background-position': 'top',
'width': `${maxWidth}px`,