mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-02-16 10:58:30 -05:00
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:
@@ -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;
|
||||
|
||||
@@ -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 () => {
|
||||
|
||||
@@ -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'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user