diff --git a/src/vs/base/parts/quickopen/browser/quickopen.css b/src/vs/base/parts/quickopen/browser/quickopen.css index 351433421ca1c400a6b94c2da3620a243b8244f9..7bcd41fd3f7b57653afb8435428834d6c3bdedd7 100644 --- a/src/vs/base/parts/quickopen/browser/quickopen.css +++ b/src/vs/base/parts/quickopen/browser/quickopen.css @@ -116,6 +116,50 @@ padding-left: 11px; } +/* Actions in Quick Open Items */ + +.monaco-tree .monaco-tree-row > .content.actions { + position: relative; + display: flex; +} + +.monaco-tree .monaco-tree-row > .content.actions > .sub-content { + flex: 1; +} + +.monaco-tree .monaco-tree-row > .content.actions .action-item { + margin: 0; +} + +.monaco-tree .monaco-tree-row > .content.actions > .primary-action-bar { + line-height: 1em; +} + +.monaco-tree .monaco-tree-row > .content.actions > .primary-action-bar { + display: none; + padding: 0 0.8em 0 0.4em; +} + +.monaco-tree .monaco-tree-row.focused > .content.has-actions > .primary-action-bar { + width: 0; /* in order to support a11y with keyboard, we use width: 0 to hide the actions, which still allows to "Tab" into the actions */ + display: block; +} + +.monaco-tree .monaco-tree-row:hover:not(.highlighted) > .content.has-actions > .primary-action-bar, +.monaco-tree.focused .monaco-tree-row.focused > .content.has-actions > .primary-action-bar, +.monaco-tree .monaco-tree-row > .content.has-actions.more > .primary-action-bar { + width: inherit; + display: block; +} + +.monaco-tree .monaco-tree-row > .content.actions > .primary-action-bar .action-label { + margin-right: 0.2em; + margin-top: 4px; + background-repeat: no-repeat; + width: 16px; + height: 16px; +} + /* Theming */ .quick-open-widget {