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

Pixel perfect support for buttons showing correctly in vertical mode (#2460)

Browse Source
This commit is contained in:
Kevin Cunnane
2018-09-07 13:40:50 -07:00
committed by GitHub
parent ce699a1c84
commit 352afc9827
2 changed files with 17 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/sql/parts/modelComponents/toolbarContainer.component.ts
View File

@@ -90,7 +90,7 @@ export default class ToolbarContainer extends ContainerBase<ToolbarItemConfig> i
} }
public get paddingTop(): string { public get paddingTop(): string {
return this.isHorizontal() ? '' : '10px'; return this.isHorizontal() ? '' : '';
} }
public get toolbarClass(): string { public get toolbarClass(): string {

16
src/sql/parts/modelComponents/toolbarLayout.css
View File

@@ -30,6 +30,13 @@
padding-left: 10px; padding-left: 10px;
} }
.modelview-toolbar-container.toolbar-vertical .modelview-toolbar-item {
flex: 0 0;
flex-direction: row;
display: flex;
padding-left: 0px;
}
.modelview-toolbar-container .modelview-toolbar-title { .modelview-toolbar-container .modelview-toolbar-title {
padding: 4px; padding: 4px;
font-size: 14px; font-size: 14px;
@@ -46,4 +53,13 @@
padding-left: 15px; padding-left: 15px;
background-size: 11px; background-size: 11px;
margin-right: 0.3em; margin-right: 0.3em;
}
/* Vertical button handling */
.modelview-toolbar-container.toolbar-vertical .modelview-toolbar-component modelview-button .monaco-text-button.icon {
padding: 22px 16px 22px 16px;
background-size: 22px;
margin-right: 0.3em;
background-position: 50% 50%;
} }