diff --git a/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts b/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts index 1c3b49e253..ad8b14d658 100644 --- a/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts +++ b/extensions/sql-migration/src/dashboard/sqlServerDashboard.ts @@ -555,7 +555,7 @@ export class DashboardWidget { justifyContent: 'flex-start', }).withProps({ CSSStyles: { - 'border': '1px solid', + 'border': '1px solid rgba(0, 0, 0, 0.1)', 'padding': '15px' } }).component(); @@ -812,7 +812,7 @@ export class DashboardWidget { justifyContent: 'flex-start', }).withProps({ CSSStyles: { - 'border': '1px solid', + 'border': '1px solid rgba(0, 0, 0, 0.1)', 'padding': '15px' } }).component(); diff --git a/extensions/sql-migration/src/wizard/databaseBackupPage.ts b/extensions/sql-migration/src/wizard/databaseBackupPage.ts index 0af5a416e4..54e56aa301 100644 --- a/extensions/sql-migration/src/wizard/databaseBackupPage.ts +++ b/extensions/sql-migration/src/wizard/databaseBackupPage.ts @@ -446,12 +446,13 @@ export class DatabaseBackupPage extends MigrationWizardPage { 'font-size': '13px', 'font-weight': 'bold', 'text-align': 'left', - 'border-bottom': '1px solid', + 'box-shadow': 'inset 0px -1px 0px #F3F2F1', + }; const rowCssStyle: azdata.CssStyles = { 'border': 'none', 'font-size': '13px', - 'border-bottom': '1px solid', + 'box-shadow': 'inset 0px -1px 0px #F3F2F1', }; const networkShareTableText = this._view.modelBuilder.text() diff --git a/extensions/sql-migration/src/wizard/databaseSelectorPage.ts b/extensions/sql-migration/src/wizard/databaseSelectorPage.ts index 9a0ec69d9c..1da7b8bb1d 100644 --- a/extensions/sql-migration/src/wizard/databaseSelectorPage.ts +++ b/extensions/sql-migration/src/wizard/databaseSelectorPage.ts @@ -11,25 +11,16 @@ import * as constants from '../constants/strings'; import { IconPath, IconPathHelper } from '../constants/iconPathHelper'; import { debounce } from '../api/utils'; -const headerLeft: azdata.CssStyles = { +const styleLeft: azdata.CssStyles = { 'border': 'none', 'text-align': 'left', 'white-space': 'nowrap', 'text-overflow': 'ellipsis', 'overflow': 'hidden', - 'border-bottom': '1px solid' + 'box-shadow': '0px -1px 0px 0px rgba(243, 242, 241, 1) inset' }; -const headerRight: azdata.CssStyles = { - 'border': 'none', - 'text-align': 'right', - 'white-space': 'nowrap', - 'text-overflow': 'ellipsis', - 'overflow': 'hidden', - 'border-bottom': '1px solid' -}; - -const styleLeft: azdata.CssStyles = { +const styleCheckBox: azdata.CssStyles = { 'border': 'none', 'text-align': 'left', 'white-space': 'nowrap', @@ -43,6 +34,7 @@ const styleRight: azdata.CssStyles = { 'white-space': 'nowrap', 'text-overflow': 'ellipsis', 'overflow': 'hidden', + 'box-shadow': '0px -1px 0px 0px rgba(243, 242, 241, 1) inset' }; export class DatabaseSelectorPage extends MigrationWizardPage { @@ -186,7 +178,7 @@ export class DatabaseSelectorPage extends MigrationWizardPage { this._databaseTableValues.push([ { value: false, - style: styleLeft, + style: styleCheckBox, enabled: selectable }, { @@ -250,7 +242,7 @@ export class DatabaseSelectorPage extends MigrationWizardPage { width: 20, isReadOnly: false, showCheckAll: true, - headerCssStyles: headerLeft, + headerCssStyles: styleCheckBox }, { displayName: constants.DATABASE, @@ -259,28 +251,28 @@ export class DatabaseSelectorPage extends MigrationWizardPage { valueType: azdata.DeclarativeDataType.string, width: '100%', isReadOnly: true, - headerCssStyles: headerLeft + headerCssStyles: styleLeft }, { displayName: constants.STATUS, valueType: azdata.DeclarativeDataType.string, width: 100, isReadOnly: true, - headerCssStyles: headerLeft + headerCssStyles: styleLeft }, { displayName: constants.SIZE, valueType: azdata.DeclarativeDataType.string, width: 125, isReadOnly: true, - headerCssStyles: headerRight + headerCssStyles: styleRight }, { displayName: constants.LAST_BACKUP, valueType: azdata.DeclarativeDataType.string, width: 150, isReadOnly: true, - headerCssStyles: headerLeft + headerCssStyles: styleLeft } ] }