ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-02-16 10:58:30 -05:00
Code Issues Packages Projects Releases Wiki Activity

Fix some more images not loading (#18632)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

6
extensions/data-workspace/src/dialogs/projectDashboard.ts
View File

@@ -169,10 +169,12 @@ export class ProjectDashboard {
.component(); .component();
header.addItem(locationLabel, { CSSStyles: { 'padding-left': '34px', 'padding-top': '15px', 'padding-bottom': '50px', 'font-size': '16px' } }); 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, { headerContainer.addItem(header, {
CSSStyles: { CSSStyles: {
'background-image': `url(${vscode.Uri.file(image!.light.toString())})`, 'background-image': `url(${backgroundUri})`,
'background-repeat': 'no-repeat', 'background-repeat': 'no-repeat',
'background-position': '85% bottom', 'background-position': '85% bottom',
'background-size': '10%', 'background-size': '10%',

7
extensions/machine-learning/src/views/widgets/dashboardWidget.ts
View File

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

4
extensions/sql-migration/src/dashboard/sqlServerDashboard.ts
View File

@@ -81,10 +81,12 @@ export class DashboardWidget {
}).component(); }).component();
const header = this.createHeader(view); const header = this.createHeader(view);
// Files need to have the vscode-file scheme to be loaded by ADS
const watermarkUri = vscode.Uri.file(<string>IconPathHelper.migrationDashboardHeaderBackground.light).with({ scheme: 'vscode-file' });
container.addItem(header, { container.addItem(header, {
CSSStyles: { CSSStyles: {
'background-image': ` 'background-image': `
url(${vscode.Uri.file(<string>IconPathHelper.migrationDashboardHeaderBackground.light)}), url(${watermarkUri}),
linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%) linear-gradient(0deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%)
`, `,
'background-repeat': 'no-repeat', 'background-repeat': 'no-repeat',