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

Add margin to BDC Dashboard pages/nav (#7129)

Browse Source
This commit is contained in:
Charles Gagnon
2019-09-12 13:25:26 -07:00
committed by GitHub
parent d262ea21e3
commit a67e62b2d0
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
extensions/big-data-cluster/src/bigDataCluster/dialog/bdcDashboard.ts
View File

@@ -123,7 +123,7 @@ export class BdcDashboard {
} }
).component(); ).component();
this.mainAreaContainer.addItem(this.navContainer, { flex: `0 0 ${navWidth}`, CSSStyles: { 'padding-left': '10px', 'border-right': 'solid 1px #ccc' } }); this.mainAreaContainer.addItem(this.navContainer, { flex: `0 0 ${navWidth}`, CSSStyles: { 'padding': '0 20px 0 20px', 'border-right': 'solid 1px #ccc' } });
// Overview nav item - this will be the initial page // Overview nav item - this will be the initial page
const overviewNavItemDiv = modelView.modelBuilder.divContainer().withLayout({ width: navWidth, height: '30px' }).withProperties({ CSSStyles: { 'cursor': 'pointer' } }).component(); const overviewNavItemDiv = modelView.modelBuilder.divContainer().withLayout({ width: navWidth, height: '30px' }).withProperties({ CSSStyles: { 'cursor': 'pointer' } }).component();
@@ -133,14 +133,14 @@ export class BdcDashboard {
const overviewPage = new BdcDashboardOverviewPage(this, this.model).create(modelView); const overviewPage = new BdcDashboardOverviewPage(this, this.model).create(modelView);
this.currentPage = overviewPage; this.currentPage = overviewPage;
this.currentTab = { div: overviewNavItemDiv, dot: undefined, text: overviewNavItemText }; this.currentTab = { div: overviewNavItemDiv, dot: undefined, text: overviewNavItemText };
this.mainAreaContainer.addItem(overviewPage, { flex: '0 0 100%' }); this.mainAreaContainer.addItem(overviewPage, { flex: '0 0 100%', CSSStyles: { 'margin': '0 20px 0 20px' } });
overviewNavItemDiv.onDidClick(() => { overviewNavItemDiv.onDidClick(() => {
if (this.currentTab) { if (this.currentTab) {
this.currentTab.text.updateCssStyles(unselectedTabCss); this.currentTab.text.updateCssStyles(unselectedTabCss);
} }
this.mainAreaContainer.removeItem(this.currentPage); this.mainAreaContainer.removeItem(this.currentPage);
this.mainAreaContainer.addItem(overviewPage, { flex: '0 0 100%' }); this.mainAreaContainer.addItem(overviewPage, { flex: '0 0 100%', CSSStyles: { 'margin': '0 20px 0 20px' } });
this.currentPage = overviewPage; this.currentPage = overviewPage;
this.currentTab = { div: overviewNavItemDiv, dot: undefined, text: overviewNavItemText }; this.currentTab = { div: overviewNavItemDiv, dot: undefined, text: overviewNavItemText };
this.currentTab.text.updateCssStyles(selectedTabCss); this.currentTab.text.updateCssStyles(selectedTabCss);
@@ -180,7 +180,7 @@ export class BdcDashboard {
this.currentTab.text.updateCssStyles(unselectedTabCss); this.currentTab.text.updateCssStyles(unselectedTabCss);
} }
this.mainAreaContainer.removeItem(this.currentPage); this.mainAreaContainer.removeItem(this.currentPage);
this.mainAreaContainer.addItem(tabPageMapping.servicePage); this.mainAreaContainer.addItem(tabPageMapping.servicePage, { CSSStyles: { 'margin': '0 20px 0 20px' } });
this.currentPage = tabPageMapping.servicePage; this.currentPage = tabPageMapping.servicePage;
this.currentTab = tabPageMapping.navTab; this.currentTab = tabPageMapping.navTab;
this.currentTab.text.updateCssStyles(selectedTabCss); this.currentTab.text.updateCssStyles(selectedTabCss);