Update extension border / line styling (#17059)

* updated border styling of tables

* reducing border thickness

* fixing styling for dark mode

* fixing for dark mode

* removing box shadow from checkbox
This commit is contained in:
stuti149
2021-09-30 22:34:07 +05:30
committed by GitHub
parent 5710a53e86
commit 09884789b5
3 changed files with 15 additions and 22 deletions

View File

@@ -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
}
]
}