style: adjust border and visibility for empty dropdown items in action bar

This commit is contained in:
mrleemurray
2025-12-17 17:05:33 +00:00
parent d607e96e6f
commit 016caa4f41

View File

@@ -54,6 +54,14 @@
border-right-width: 0;
}
.monaco-action-bar .action-item.action-dropdown-item.empty > .action-label.extension-action.label {
border-right-width: 1px;
}
.monaco-action-bar .action-item.action-dropdown-item.empty > .action-dropdown-item-separator {
display: none;
}
.monaco-list-row.focused .extension-list-item .monaco-action-bar .action-item .action-label.extension-action.label,
.monaco-list-row.selected .extension-list-item .monaco-action-bar .action-item .action-label.extension-action.label,
.monaco-action-bar .action-item .action-label.extension-action.label {
@@ -68,6 +76,10 @@
background-color: var(--vscode-extensionButton-separator);
}
.vscode-high-contrast .monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator > div {
background-color: var(--vscode-button-border);
}
.monaco-action-bar .action-item .action-label.extension-action.label.prominent,
.monaco-action-bar .action-item.action-dropdown-item > .action-dropdown-item-separator.prominent {
background-color: var(--vscode-extensionButton-prominentBackground);