development/vscode
development/vscode
1
0
Fork 0
mirror of https://github.com/Microsoft/vscode synced 2024-09-13 13:46:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix a couple style issues (#207873)

Browse source 
* no more pointy bottom corners of quick pick
* quick pick items have some padding again
* inherit radius instead of hard coding pixels
This commit is contained in:
Tyler James Leonhardt 2024-03-15 12:30:59 -07:00 committed by GitHub
parent 2fed6fa574
commit c99ae85c1e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/vs/platform/quickinput/browser/media/quickInput.css
View file

@ -16,8 +16,7 @@
.quick-input-titlebar {
display: flex;
align-items: center;
border-top-left-radius: 5px; /* match border radius of quick input widget */
border-top-right-radius: 5px;
border-radius: inherit;
}
.quick-input-left-action-bar {
@ -163,9 +162,10 @@
overflow: hidden;
max-height: calc(20 * 22px);
padding-bottom: 5px;
/* match border radius of quick input widget */
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.quick-input-list .monaco-scrollable-element {
padding: 0px 5px;
}
.quick-input-list .quick-input-list-entry {
@ -183,7 +183,6 @@
.quick-input-list .monaco-list-row {
border-radius: 3px;
padding: 0px 5px;
}
.quick-input-list .monaco-list-row[data-index="0"] .quick-input-list-entry.quick-input-list-separator-border {
@ -328,3 +327,8 @@
.quick-input-list .monaco-tree-sticky-row .quick-input-list-entry.quick-input-list-separator-as-item.quick-input-list-separator-border {
border-top-style: none;
}
/* Give sticky row the same padding as the scrollable list */
.quick-input-list .monaco-tree-sticky-row {
padding: 0 5px;
}