ML fine tuning (#13247)

* Added new warning icon for model input mapping view. Adjusted padding between it and the input field beside it.

* Added new warning icon for model input mapping view. Adjusted padding between it and the input field beside it.

* Modified icon fill colors for better presentation in dark/HC themes. Modified font sizes and padding in various places. Increased input field widths. Removed unnecessary width properties.
This commit is contained in:
Hale Rankin
2020-11-05 10:56:03 -08:00
committed by GitHub
parent 8877d74034
commit 5174f3b2f6
17 changed files with 49 additions and 26 deletions

View File

@@ -231,7 +231,7 @@ export class ColumnsTable extends ModelViewBase implements IDataComponent<Predic
outputContainer.addItem(nameInput, {
CSSStyles: {
'padding': '0px',
'padding-right': '5px',
'padding-right': '10px',
'margin': '0px'
}
});
@@ -353,8 +353,8 @@ export class ColumnsTable extends ModelViewBase implements IDataComponent<Predic
width: 50,
height: 50,
iconPath: {
dark: this.asAbsolutePath('images/arrow.svg'),
light: this.asAbsolutePath('images/arrow.svg')
dark: this.asAbsolutePath('images/dark/arrow.svg'),
light: this.asAbsolutePath('images/light/arrow.svg')
},
iconWidth: 20,
iconHeight: 20,
@@ -368,15 +368,15 @@ export class ColumnsTable extends ModelViewBase implements IDataComponent<Predic
private createWarningButton(message: string): azdata.ButtonComponent {
const warningButton = this._modelBuilder.button().withProperties({
width: '10px',
height: '10px',
width: '16px',
height: '16px',
title: message,
iconPath: {
dark: this.asAbsolutePath('images/dark/warning_notification_inverse.svg'),
light: this.asAbsolutePath('images/light/warning_notification.svg'),
dark: this.asAbsolutePath('images/warning.svg'),
light: this.asAbsolutePath('images/warning.svg'),
},
iconHeight: '10px',
iconWidth: '10px'
iconHeight: '16px',
iconWidth: '16px'
}).component();
return warningButton;

View File

@@ -46,7 +46,8 @@ export class InputColumnsComponent extends ModelViewBase implements IDataCompone
tableInfo: constants.columnTableInfo,
defaultDbName: constants.selectDatabaseTitle,
defaultTableName: constants.selectTableTitle,
useImportModelCache: false
useImportModelCache: false,
layout: 'horizontal'
});
this._tableSelectionComponent.registerComponent(modelBuilder);
this._tableSelectionComponent.onSelectedChanged(async () => {

View File

@@ -49,6 +49,14 @@ export class OutputColumnsComponent extends ModelViewBase implements IDataCompon
title: constants.outputColumns,
component: this._columns.component
}]);
if (this._form) {
this._form.updateCssStyles({
'font-size': '16px'
});
}
this._columns.component.updateCssStyles({
'font-size': '12px'
});
}
}