feat(editor): Add most important native props and methods to autocomplete (#5486)
* ⚡ Implemented support for documentation links in autocomplete tooltips * ⚡ Added support for arguments and code stying in autocomplete documentation. Added build-in string functions docs. * ⚡ Added support for args without types in autocomplete, Added array native functions. * ⚡ Added native Number and Object methods to autocomplete * ⚡ Added support for native properties in autocomplete * 📚 Added comment for next phase * ✔️ Updating tests to account for native autocomplete options. Fixing lint errros. * 👌 Addressing design review comments * 🎨 Using design-system tokens instead of colors for autocomplete
This commit is contained in:
committed by
GitHub
parent
af703371fc
commit
6592d144d1
45
packages/editor-ui/src/styles/autocomplete-theme.scss
Normal file
45
packages/editor-ui/src/styles/autocomplete-theme.scss
Normal file
@@ -0,0 +1,45 @@
|
||||
.cm-tooltip-autocomplete {
|
||||
background-color: var(--color-background-xlight) !important;
|
||||
|
||||
li .cm-completionLabel {
|
||||
color: var(--color-success);
|
||||
}
|
||||
}
|
||||
|
||||
.ͼ2 .cm-tooltip-autocomplete ul li[aria-selected] .cm-completionLabel {
|
||||
color: var(--color-text-xlight) !important;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.autocomplete-info-container {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
padding: var(--spacing-4xs) 0;
|
||||
}
|
||||
|
||||
.cm-completionInfo {
|
||||
background-color: var(--color-background-xlight) !important;
|
||||
|
||||
.autocomplete-info-header {
|
||||
color: var(--color-text-dark);
|
||||
line-height: var(--font-line-height-compact);
|
||||
margin-bottom: var(--spacing-2xs);
|
||||
}
|
||||
|
||||
.autocomplete-info-name {
|
||||
color: var(--color-success);
|
||||
font-weight: var(--font-weight-bold);
|
||||
}
|
||||
|
||||
.autocomplete-info-description {
|
||||
code {
|
||||
background-color: var(--color-background-base);
|
||||
padding: 0 2px;
|
||||
}
|
||||
p {
|
||||
line-height: var(--font-line-height-compact);
|
||||
margin-top: 0;
|
||||
margin-bottom: var(--spacing-4xs);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user