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

Standardize font styling on sql migration extension (#16968)

Browse Source
This commit is contained in:
Rachel Kim
2021-10-11 14:58:37 -07:00
committed by GitHub
parent cd053ade22
commit e5f50499ce
20 changed files with 715 additions and 803 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
extensions/sql-migration/src/dialog/assessmentResults/savedAssessmentDialog.ts
View File

@@ -8,6 +8,7 @@ import * as vscode from 'vscode';
import * as constants from '../../constants/strings';
import { MigrationStateModel } from '../../models/stateMachine';
import { WizardController } from '../../wizard/wizardController';
import * as styles from '../../constants/styles';
export class SavedAssessmentDialog {
@@ -89,11 +90,10 @@ export class SavedAssessmentDialog {
public initializePageContent(view: azdata.ModelView): azdata.FlexContainer {
const buttonGroup = 'resumeMigration';
const text = view.modelBuilder.text().withProps({
const pageTitle = view.modelBuilder.text().withProps({
CSSStyles: {
'font-size': '18px',
'font-weight': 'bold',
'margin': '100px 8px 0px 36px'
...styles.PAGE_TITLE_CSS,
'margin-bottom': '12px'
},
value: constants.RESUME_TITLE
}).component();
@@ -102,8 +102,8 @@ export class SavedAssessmentDialog {
label: constants.START_MIGRATION,
name: buttonGroup,
CSSStyles: {
'font-size': '14px',
'margin': '40px 8px 0px 36px'
...styles.BODY_CSS,
'margin-bottom': '8px'
},
checked: true
}).component();
@@ -117,8 +117,7 @@ export class SavedAssessmentDialog {
label: constants.CONTINUE_MIGRATION,
name: buttonGroup,
CSSStyles: {
'font-size': '14px',
'margin': '10px 8px 0px 36px'
...styles.BODY_CSS,
},
checked: false
}).component();
@@ -129,12 +128,17 @@ export class SavedAssessmentDialog {
}
});
const flex = view.modelBuilder.flexContainer().withLayout({
flexFlow: 'column',
height: '100%',
width: '100%'
}).component();
flex.addItem(text, { flex: '0 0 auto' });
const flex = view.modelBuilder.flexContainer()
.withLayout({
flexFlow: 'column',
height: '100%',
width: '100%',
}).withProps({
CSSStyles: {
'margin': '20px 15px',
}
}).component();
flex.addItem(pageTitle, { flex: '0 0 auto' });
flex.addItem(radioStart, { flex: '0 0 auto' });
flex.addItem(radioContinue, { flex: '0 0 auto' });