Fixing server group styling (#23144)

* Fixing server group styling

* Hiding border when the tree item are selected focused or hovered

* Fixing styles and re-enabling guides

* removing unused import

* Fixing indicator width
This commit is contained in:
Aasim Khan
2023-05-22 09:53:47 -07:00
committed by GitHub
parent b77ba86a99
commit 3bec68b860
4 changed files with 36 additions and 5 deletions

View File

@@ -210,9 +210,9 @@
}
.monaco-list-row .async-server-group .async-server-group .async-server-group-container .icon {
width: 7px;
width: 5px;
height: 20px;
border-radius: 3px;
border-radius: 2.5px;
}
.monaco-list-row .async-server-group .async-server-group .async-server-group-container .name {
@@ -222,6 +222,7 @@
text-overflow: ellipsis;
height: 25px;
line-height: 25px;
font-weight: 500;
}
.monaco-list-row .object-element-container {
@@ -253,6 +254,13 @@
position: relative;
}
.monaco-list-row .connection-profile .connection-profile-container .server-group-color {
width: 5px;
height: 18px;
border-radius: 2.5px;
margin-top: 2.5px;
}
.monaco-list-row .connection-profile .connection-profile-container .icon .connection-status-badge {
position: absolute;
bottom: 0;
@@ -286,3 +294,14 @@
display: block;
}
.server-explorer-viewlet .monaco-list .async-server-group-container {
border-top-width: 1px;
border-top-style: solid;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.server-explorer-viewlet .monaco-list:focus .monaco-list-row.selected .async-server-group-container {
border-top-width: 0px;
border-bottom-width: 0px;
}

View File

@@ -11,7 +11,7 @@
.monaco-workbench.vs-dark .actions-container .action-label.add-server-action,
.monaco-workbench.hc-black .actions-container .action-label.add-server-action,
.monaco-list:focus .monaco-list-rows .actions-container .action-label.add-server-action {
.monaco-list:focus .monaco-list-rows .monaco-list-row.selected .actions-container .action-label.add-server-action {
background-image: url('add_server_inverse.svg') !important;
}
@@ -52,7 +52,7 @@
.monaco-workbench.vs-dark .actions-container .action-label.remove-filter-action,
.monaco-workbench.hc-black .actions-container .action-label.remove-filter-action,
.monaco-list:focus .monaco-list-rows .actions-container .action-label.remove-filter-action {
.monaco-list:focus .monaco-list-rows .monaco-list-row.selected .actions-container .action-label.remove-filter-action {
background-image: url('remove_filter_inverse.svg') !important;
}