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

Change server group look (#13608)

Browse Source 
* change server group look

* remove dead code

* add top padding

* add bot padding as well

* fix heights to account for padding

* fix arrow alignment

* fix ellipses and node length parity

* fix alignment
This commit is contained in:
Aditya Bist
2020-12-09 10:54:47 -08:00
committed by GitHub
parent 15b8fa72ec
commit 91522caa67
2 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/sql/workbench/contrib/dataExplorer/browser/media/connectionViewletPanel.css
View File

@@ -40,8 +40,8 @@
} }
.server-explorer-viewlet .server-group { .server-explorer-viewlet .server-group {
height: 38px; height: 23px;
line-height: 38px; line-height: 23px;
color: #ffffff; color: #ffffff;
} }
@@ -96,6 +96,23 @@
overflow: hidden; overflow: hidden;
} }
/* OE server group */
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content.server-group,
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content.server-group > .server-group {
padding-left: 5px;
}
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content.server-group {
padding-right: 5px;
padding-top: 5px;
}
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content.server-group > .server-group > .name {
text-overflow: ellipsis;
overflow: hidden;
}
/* OE and connection label */ /* OE and connection label */
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .connection-tile > .label, .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .connection-tile > .label,
.monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .object-element-group > .label, .monaco-tree .monaco-tree-rows > .monaco-tree-row > .content > .object-element-group > .label,
@@ -161,16 +178,6 @@
background: rgba(255, 255, 255, 80%); background: rgba(255, 255, 255, 80%);
} }
.monaco-tree .monaco-tree-rows.show-twisties > .monaco-tree-row.expanded.has-children > .content.server-group:before,
.monaco-list .monaco-list-rows.show-twisties > .monaco-list-row.expanded.has-children > .content.server-group:before {
background: url('expanded-dark.svg') 50% 50% no-repeat;
}
.monaco-tree .monaco-tree-rows.show-twisties > .monaco-tree-row.has-children > .content.server-group:before,
.monaco-list .monaco-list-rows.show-twisties > .monaco-list-row.has-children > .content.server-group:before {
background: url('collapsed-dark.svg') 50% 50% no-repeat;
}
/* Add connection button */ /* Add connection button */
.server-explorer-viewlet .button-section { .server-explorer-viewlet .button-section {
padding: 20px; padding: 20px;

11
src/sql/workbench/services/objectExplorer/browser/serverTreeRenderer.ts
View File

@@ -45,7 +45,7 @@ export interface IObjectExplorerTemplateData {
export class ServerTreeRenderer implements IRenderer { export class ServerTreeRenderer implements IRenderer {
public static CONNECTION_HEIGHT = 23; public static CONNECTION_HEIGHT = 23;
public static CONNECTION_GROUP_HEIGHT = 38; public static CONNECTION_GROUP_HEIGHT = 33;
public static CONNECTION_TEMPLATE_ID = 'connectionProfile'; public static CONNECTION_TEMPLATE_ID = 'connectionProfile';
public static CONNECTION_GROUP_TEMPLATE_ID = 'connectionProfileGroup'; public static CONNECTION_GROUP_TEMPLATE_ID = 'connectionProfileGroup';
public static OBJECTEXPLORER_HEIGHT = 23; public static OBJECTEXPLORER_HEIGHT = 23;
@@ -231,14 +231,13 @@ export class ServerTreeRenderer implements IRenderer {
} }
private renderConnectionProfileGroup(connectionProfileGroup: ConnectionProfileGroup, templateData: IConnectionProfileGroupTemplateData): void { private renderConnectionProfileGroup(connectionProfileGroup: ConnectionProfileGroup, templateData: IConnectionProfileGroupTemplateData): void {
let groupElement = this.findParentElement(templateData.root, 'server-group');
let rowElement = this.findParentElement(templateData.root, 'monaco-tree-row'); if (groupElement) {
if (rowElement) {
if (connectionProfileGroup.color) { if (connectionProfileGroup.color) {
rowElement.style.background = connectionProfileGroup.color; groupElement.style.background = connectionProfileGroup.color;
} else { } else {
// If the group doesn't contain specific color, assign the default color // If the group doesn't contain specific color, assign the default color
rowElement.style.background = DefaultServerGroupColor; groupElement.style.background = DefaultServerGroupColor;
} }
} }
if (connectionProfileGroup.description && (connectionProfileGroup.description !== '')) { if (connectionProfileGroup.description && (connectionProfileGroup.description !== '')) {